账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vscode 如何格式化react代码(jsx)?
    26
    0

    在代码中右键"格式化文件",jsx的语法就全乱了。
    不知道什么插件或设置可以解决。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 遥不可及 普通会员 1楼

      在VSCode中,你可以使用Format插件来格式化React代码。以下是如何使用它来格式化jsx代码的步骤:

      1. 打开VSCode并创建一个新的文件。

      2. 在文件中输入以下jsx代码:

      jsx function App() { return ( <div> <h1>Hello, World!</h1> </div> ); }

      1. 在VSCode的菜单栏中,点击File > Settings。

      2. 在设置窗口中,点击Editor。

      3. 在Editor窗口中,点击Language。

      4. 在Language窗口中,点击JavaScript。

      5. 在JavaScript窗口中,点击Settings。

      6. 在Settings窗口中,找到并点击Format。

      7. 在Format窗口中,选择JavaScript下的jsx规则。

      8. 在jsx规则窗口中,点击+,然后输入以下规则:

      jsx function App() { return ( <div> <h1>Hello, World!</h1> </div> ); }

      1. 点击OK,然后重启VSCode。

      2. 你将看到格式化的jsx代码出现在编辑器的顶部。

      注意:格式化jsx代码会格式化jsx语法,包括jsx中的大括号、方括号和花括号。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部