vscode集成eslint

1. 安裝 ESLint 擴展

首先，打開 VSCode 擴展面板並搜索 ESLint 擴展，然后點擊安裝

 

2. 項目安裝eslint

yarn add eslint -D

 

3. 設置eslint配置

npx eslint --init

生成.eslintrc.js (記得把依賴安裝一下喔)

 

4. 設置eslint插件的配置（在項目級別或者全局級別設置）

 在項目級別，我們需要新建一個文件.vscode/settings.json

{
    "eslint.validate": [
      {
        "language": "vue",
        "autoFix": true
      },
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "javascript",
        "autoFix": true
      },
      {
        "language": "javascriptreact",
        "autoFix": true
      }
    ],
    "eslint.autoFixOnSave": true
  }
  

 在全局的話

文件 --> 首選項 --> 設置

把剛才的json粘貼進去

 

5. 重啟一下，然后愉快的保存，自動格式化

 ctrl+shift+p 輸入reload window