vscode常用插件（格式化插件）

蓝色版本是 稳定版本，绿色Insider 是测试版本功能多

 

1、vscode-fileheader 

添加文件头 

2、reactjs code snippets 

react 开发的一些简写，提高开发效率 

3、Path Autocomplete 

路径提示功能 

4、Document This

标注注释

5.ESLint

检查代码是否正常

6.Prettier-code formatter

格式化代码

7.Guides

8.Code Runner
//右键执行  run code

9.gitlens // git

//git 通用 显示文字 git history的惯用

 

 

 

 

vscode 适用jsx语法 

首先，得有prettier 和ESlint 插件

然后， 文件 -->  首选项 ---> 设置 --->  右上角设置 {}

 

添加  完整一点  不仅格式化 html、js、react、 也有 vue 

代码都是习惯问题   重中之重啊  维护都方便

{
  // 关闭更新
  "extensions.autoUpdate": false,
  "update.channel": "none",
  "editor.fontSize": 16,
  "editor.formatOnSave": true,
  "prettier.singleQuote": true,
  "prettier.semi": false,
  "eslint.autoFixOnSave": true,

  "files.eol": "\n",
  "update.enableWindowsBackgroundUpdates": false,
  "editor.renderIndentGuides": false,
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
  "workbench.iconTheme": "file-icons-colourless",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ]
}

beautify 插件影响 格式化