Vue 项目eslint 配置编程风格（VScode）

在Vue项目中配置ESLint以使用一致的编程风格，可以按照以下步骤操作：

1. 安装ESLint和必要的插件（如eslint-plugin-vue）：

npm install eslint eslint-plugin-vue eslint-plugin-import eslint-plugin-node eslint-config-standard --save-dev

2. 在项目根目录下创建.eslintrc.js或者.eslintrc.json配置文件，并配置ESLint规则。例如，使用Standard JS风格：

{
  "extends": [
    "plugin:vue/essential",
    "standard"
  ],
  "rules": {
    // 可以在这里覆盖或添加规则
  }
}

3. 在package.json中添加lint脚本：

"scripts": {
  "lint": "eslint --ext .js,.vue src"
}

4. 运行lint脚本检查代码：

npm run lint

5. 为VSCode编辑器安装ESLint插件，并确保在VSCode设置中启用ESLint：

"eslint.validate": [
  "javascript",
  "javascriptreact",
  {
    "language": "vue",
    "autoFix": true
  }
],
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

这样配置后，每次保存.vue或.js文件时，VSCode都会自动根据.eslintrc配置文件检查代码风格并提示错误和警告，同时也可以手动运行lint脚本来检查整个项目的代码风格。