VSCode 保存時自動ESlint格式化

1.首先安裝ESLint插件

 

2.安裝完成后，每次修改完代碼都需要執行 "npm run lint"之后才能格式化

 

3.打開設置選項

4.選擇打開設置

 

5.編輯代碼

{
  "workbench.iconTheme": "vscode-icons",
  "workbench.activityBar.visible": true,
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  "window.zoomLevel": 0,
  //-----------------------------新增加的配置---------------------------------
  //關閉VSCode在Save時候自動格式化，因為VSCode自帶的格式化和ESlint規范並不兼容
  "editor.formatOnSave": false,
  //代碼保存時，自動執行ESlint格式化代碼
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
  },
  // 配置 ESLint 檢查的文件類型
  //"eslint.validate": ["javascript","vue","html"]
}

 

 

6.保存之后，今后在保存時就能自動ESLint格式化