React 代码规范配置

内容简介：最近开始初步学习 React 的一些知识，毕竟宅家这么久，总得开始学习学习新的内容了。“工欲善其事，必先利其器”，因此今天主要是配置 VSCode 的 React 支持，折腾来折腾去，核心的配置大概就如文中所示了。注：此处为一些必须安装的插件，安装后配置才会生效VSCode 有整体的 setting.json 配置和单项目配置，个人还是推荐单项目配置，毕竟自己的开发器可能开发不仅仅就一种语言的吧，因此还是建立如下文件：

--
|- .vscode
      |- settings.json

{
  // 编辑器部分
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "editor.formatOnSave": true,
  "editor.renderWhitespace": "none",
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.defaultFormatter": "esbenp.prettier-vscode", // 默认启用的代码格式化插件
  "files.insertFinalNewline": true,
  /**
   * 代码配置
   */
  // eslint 部分
  "eslint.run": "onSave",
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "typescriptreact",
    "typescript"
  ]
}

{
  "singleQuote": true,
  "trailingComma": "all",
  "printWidth": 100,
  "proseWrap": "never",
  "arrowParens": "avoid",
  "overrides": [
    {
      "files": ".prettierrc",
      "options": {
        "parser": "json"
      }
    }
  ]
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• 配置vscode调试java代码
• 配置eslint规范项目代码风格
• Fabric 1.0源代码笔记 之 configtx（配置交易） #ChannelConfig（通道配置）
• 配置即代码：先有鸡还是先有蛋
• Eclipse配置MyBatis代码自动化功能
• 错误配置致数十家公司源代码泄露

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。