vscode保存代码时自动eslint格式化

背景

我们期望使用vscode编码时，可以依据eslint规则，自动格式化我们的代码。那么可以通过设置vscode的自动格式化，来实现这一需求。

实现方式

1. 安装vscode插件Eslint
   

2. 修改vscode设置
   文件-首选项-设置，或通过ctrl + shift + p => 首选项：打开工作区设置，打开vscode设置界面
   

3. 打开settings.json，添加下面的配置
   

   {
     "search.followSymlinks": false,
     "editor.tabSize": 2,
     //配置eslint
     "eslint.validate": [
       "javascript",  // 用eslint的规则检测js文件
       "javascriptreact",
       "vue",
       "html",
     ],
     // 启用保存时自动修复eslint,默认只支持.js文件
     "editor.codeActionsOnSave": {
       "source.fixAll.eslint": true
     }
   }
   

   

4. 之后写代码的时候，保存代码，vscode即可自动依据eslint规则对代码格式化

文章参考：https://blog.youkuaiyun.com/halo1416/article/details/120945975