如何在vue-cli 3中禁用ESLint？配置相关疑问

我来帮你理清楚这两个问题：

一、ESLint禁用注释该放哪里？ #

那些注释直接放在出现警告的代码文件里就行，举两个常见场景：

• 单条语句禁用：如果某一行代码触发了ESLint警告，就在它的上一行加// eslint-disable-next-line，比如：

  // eslint-disable-next-line no-unused-vars
  const unusedVar = '这是一个未使用的变量';
  

• 整个文件禁用：如果想关闭某个文件的所有ESLint警告，直接在文件最顶部（代码开始前）加/* eslint-disable */，比如在.vue文件的script标签开头：

  <script>
  /* eslint-disable */
  export default {
    // 这里的代码不会触发ESLint警告
  }
  </script>
  

二、是否需要创建.eslintrc文件？ #

Vue CLI 3默认会把ESLint配置写在package.json的eslintConfig字段里，你可以打开根目录的package.json看看，里面应该有类似这样的配置：

"eslintConfig": {
  "root": true,
  "env": {
    "node": true
  },
  "extends": [
    "plugin:vue/essential",
    "eslint:recommended"
  ],
  "rules": {},
  "parserOptions": {
    "parser": "babel-eslint"
  }
}

如果你更习惯用单独的配置文件，完全可以创建.eslintrc.js（推荐）或者.eslintrc.json，Vue CLI会自动识别这个文件，优先使用它的配置，而忽略package.json里的eslintConfig内容。

小建议 #

临时用注释禁用警告没问题，但如果是长期项目，更推荐调整ESLint配置来适配你的代码风格，比如在配置文件的rules里把不需要的警告设为off，这样就不用每次都加注释啦～

内容的提问来源于stack exchange，提问作者Marcogomesr