1.在vscode全局安装eslint：

     打开终端，运行npm install selint -g全局安装Eslint

2.vscode安装插件

 3.vscode的设置：找到setting.json文件并打开

 4.主要把配置ESllint复制到setting.json文件里

{
  "workbench.iconTheme": "material-icon-theme",
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  //配置eslint
  "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
  "eslint.validate": [
     "javascript",  //  用eslint的规则检测js文件
     {
       "language": "vue",   // 检测vue文件
       "autoFix": true   //  为vue文件开启保存自动修复的功能
     },
     {
       "language": "html",
       "autoFix": true
     },
   ],

}
复制代码

5.完成