vue中eslint配置完整示例代码

在Vue.js项目中，使用ESLint作为代码风格检查工具可以确保代码质量和一致性。下面是一个基本的Vue项目中ESLint配置的完整示例：

首先，你需要安装`eslint`, `@vue/eslint-config-standard`, 和 `eslint-plugin-vue`：

npm install eslint @vue/eslint-config-standard eslint-plugin-vue --save-dev

然后，在项目的根目录下创建一个`.eslintrc.js`文件，添加以下内容：

// .eslintrc.js
module.exports = {
  extends: '@vue/eslint-config-standard', // 使用标准Vue配置
  parser: 'vue-eslint-parser', // 配置解析器以支持.vue文件
  plugins: ['vue'], // 启用Vue插件

  rules: {
    // 如果你想自定义规则，可以在此处添加或修改
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // 生产环境禁用console.log等
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', // 生产环境禁用debugger
  }
};

这个配置将应用`@vue/eslint-config-standard`的标准设置，并启用Vue特定的插件和一些基本的规则。你可以根据需要调整规则，如是否在生产环境中禁止console.log。

如果你想要覆盖全局配置，可以在每个 Vue 文件的顶部添加 `/* eslint-disable */` 或 `/* eslint-enable */` 来临时禁用或恢复相应的规则。