vuecli3如何关闭eslint检测

要关闭 eslint 在 Vue CLI 3 中的检测,可以通过以下步骤进行操作:

  1. 在项目根目录下找到 .eslintrc.js 文件(如果没有这个文件,则可以创建一个)。
  2. 在 .eslintrc.js 文件中添加以下配置:
module.exports = {  
  root: true,  
  env: {  
    browser: true,  
    node: true,  
  },  
  extends: [  
    // 'plugin:vue/essential', // 必须加上该插件才能使用 Vue 的语法检测  
    'eslint:recommended', // 加上该项可以启用 ESLint 的默认规则集  
    '@vue/prettier', // 加上该项可以启用 Prettier 的规则集,用于格式化代码  
  ],  
  parserOptions: {  
    parser: 'babel-eslint', // 使用 babel-eslint 进行解析,可以支持 ES6+ 的语法  
    ecmaVersion: 2018, // 设置 ECMAScript 版本为 2018,可以支持大部分的 ES6+ 语法  
    sourceType: 'module', // 设置模块类型为模块化(module)  
  },  
  plugins: [  
    'vue', // 加上该插件可以启用 Vue 的语法检测规则  
    '@vue/prettier', // 加上该插件可以启用 Prettier 的规则集,用于格式化代码  
  ],  
  rules: {  
    // 在这里设置具体的规则,例如:  
    'vue/max-attributes-per-line': [  
      'error',  
      {  
        singleline: 10,  
        multiline: {  
          max: 10,  
          allowFirstLine: false,  
        },  
      },  
    ],  
  },  
};

这里的配置与之前类似,只是在 rules 中添加了具体的规则。

  1. 找到 package.json 文件,在其中的 scripts 属性中添加以下配置:

这里的 lint 命令会运行 eslint,通过添加 --force 参数可以强制运行。如果你想要关闭 eslint,可以将 lint 命令改为:

"lint": "echo \"Skipping ESLint的检查\""

这样,当你运行 npm run lint 命令时,它会输出 "Skipping ESLint的检查",而不会运行 eslint。

 
  • vue关闭eslint检测