.eslintrc.js相关配置

最新推荐文章于 2025-10-23 16:55:10 发布

原创最新推荐文章于 2025-10-23 16:55:10 发布 · 734 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

eslint 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何在Vue项目中配置Eslint，使其继承@vue/cli的-standard规则，并关闭了一些不必要的警告，如'no-console'和'no-debugger'。同时，启用了babel-eslint解析器以支持新语法，并对import/extensions规则进行了定制，以确保正确处理文件扩展名。

module.exports = {
  // 当前项目使用这个配置文件, 不会往父级目录找.eslintrc.js文件
  root: true,
  // 指定eslint启动环境(vuecli底层是node支持), browser: true也可以在浏览器设置
  env: {
    node: true,
  },
  // vue里必须的规则
  // 使eslint继承@vue/cli脚手架里的 - standard标准
  extends: ['plugin:vue/essential', '@vue/standard'],
  rules: {
    // 自定义规则 - 其实上面集成后有很多内置的规则, 这里可以进行规则的一些修改
    'no-console': 'off',
    'no-debugger': 'off',
    'dot-notation': 'off',
    'no-param-reassign': 'off',
    'no-unused-vars': 'off',
    'handle-callback-err': 'off',
    'import/extensions': [
      'off',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    'prefer-destructuring': ['error', { object: true, array: false }],
  },
  // 对新语法使用eslint
  parserOptions: {
    // 使用babel-eslint 来解析新语法ES6
    parser: 'babel-eslint',
  },
}