VSCode开启eslint检测（Vue项目）

BG：最近碰见了几次编辑器eslint检测配置问题（换了新电脑、帮新同事在windows系统下配置），这里记录一下便于后续遇到可以直接使用。

起子

新电脑or新同事的电脑在开发时一开始编辑器是没有eslint检测功能，此处假设已有项目并且项目中有eslint配置文件（.eslintrc.js），如上图

配置

1. VSCode中下载插件eslint并添加eslint配置，配置如下图

   

   配置代码：

   {
       "eslint.enable": true,
       "editor.codeActionsOnSave": {
           "source.fixAll.eslint": false
       },
       "eslint.validate": [
           "vue",
           "html",
           "javascript",
           "typescript",
           "javascriptreact",
           "typescriptreact"
       ]
   }

1. 通过当前项目依赖or全局安装eslint依赖

   npm install -g eslint // 安装为本机全局依赖
   
   npm install eslint --dev-save // 安装为项目依赖

2. 重启VSCode，查看是否生效，以demo项目为例，正常重启编辑器后能正常启用eslint检测

   

EOF