Vue2老项目配置ESLint和Prettier

在Vue2项目中配置ESLint和Prettier，你需要按照以下步骤操作：

1. 安装必要的包：

npm install eslint eslint-plugin-vue prettier eslint-config-prettier eslint-plugin-prettier --save-dev

2. 在项目根目录下创建一个.eslintrc.js文件，并配置ESLint：

module.exports = {
  extends: [
    // 添加eslint-plugin-vue的推荐规则
    'plugin:vue/essential',
    // 使用@vue/standard配置（如果有这个配置）
    // '@vue/standard',
    // 添加prettier支持
    'plugin:prettier/recommended'
  ],
  rules: {
    // 在这里添加或覆盖规则
  },
  // 必要时配置parserOptions
  parserOptions: {
    // 例如ECMAScript 6语法支持
    ecmaVersion: 2018,
    sourceType: 'module'
  }
};

3. 创建.prettierrc文件并配置Prettier规则：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "endOfLine": "auto"
}

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

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

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

npm run lint

这样就配置好了ESLint和Prettier，它们会在你运行lint脚本时对代码进行格式检查和修复。