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.csdn.net/halo1416/article/details/120945975