vue项目开启eslint并批量格式化

1. 在package.json 中 devDependencies 下增加(已存在的删除)：

"@babel/eslint-parser": "^7.18.9",
"@vue/cli-plugin-eslint": "^5.0.8",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/eslint-config-standard": "^4.0.0",
"prettier": "^2.7.1",
"babel-eslint": "^10.1.0",
"eslint": "^5.16.0",
"eslint-config-prettier": "^8.5.0",
"eslint-loader": "^4.0.2",
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-vue": "^5.2.3",

2. 执行命令：

cnpm i 或者 yarn

3. 将 .eslintrc .eslintignore .prettierrc.json .prettierignore babel.config.js 文件以及 .vscode文件夹放入根目录(如果当前已存在文件，替换掉）

4. VSCode安装ESLint、Prettier - Code formatter、Prettier ESLint，禁用Vetur、JS-CSS-HTML Formatter

5. 在 package.json 中 scripts 脚本下增加一行：

"prettier": "prettier --write ."

6. 批量格式化代码，执行命令：

cnpm run prettier

7. 在vue.config.js中加一行：

lintOnSave: false, // 生产环境取消 eslint 验证