Eslint从安装到Vue项目配置

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

1. 安装ESLint和必要的插件：

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

2. 安装ESLint Vue插件：

npm install babel-eslint --save-dev

3. 创建.eslintrc.js配置文件，并配置ESLint：

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    'plugin:vue/essential',
    'standard',
  ],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: [
    'vue',
  ],
  rules: {
    // 在这里添加或覆盖规则
  },
};

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

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

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

npm run lint

6. （可选）安装ESLint插件到你的代码编辑器，以便在编写代码时实时提示问题。

以上步骤会在你的Vue项目中配置ESLint，并且可以通过npm脚本定期运行来检查代码质量。