已有项目配置eslint指南

一、项目文件夹下下载eslint

npm install eslint --save-dev

二、eslint初始化

1、package.json文件scripts下添加指令

"init": "./node_modules/.bin/eslint --init"

2、运行指令

npm run init

3、选择eslint配置，如下图

三、配置格式化工具

1、下载babel-eslint

npm install babel-eslint

2、配置.eslintrc.js

parserOptions添加配置

"parser": "babel-eslint"

3、下载prettier

下载添加依赖：

npm install @vue/eslint-config-prettier eslint-plugin-prettier@latest --save-dev

4、配置.eslintrc.js

extends添加拓展：

"@vue/prettier"

四、配置批量修复指令

1、下载批量修复插件eslint-plugin-vuefix

npm install eslint-plugin-vuefix

2、添加检查指令、修复指令

"lint": "eslint --ext .js,.vue src"
"fix": "eslint --ext .js,.vue src --fix"