vue关于eslint空格缩进等的报错问题

最新推荐文章于 2025-04-15 17:37:52 发布

原创最新推荐文章于 2025-04-15 17:37:52 发布 · 2.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了四种方法来处理ESLint的警告和禁用特定规则：1) 在.eslintrc.js文件中按环境调整规则；2) 在报错文件顶部使用eslint-disable指令忽略所有规范；3) 创建项目时选择不使用eslint；4) 修改VSCode的eslint配置以关闭某些检查。这些方法帮助开发者在开发过程中根据需要调整代码规范检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法有四种：

1. 在.eslintrc.js文件中添加如下代码：

  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     //禁止console报错检查
     'no-console':  'off',
     //禁止空格报错检查
     'generator-star-spacing': 'off'
  }

2.在报错的那个文件中的 里面第一行插入以下代码：

/* eslint-disable */

这个最直接，忽视所有eslint规范(亲测有效)
3.在最开始创建项目的时候，如果你不想有规范的js代码，可以重新初始化关掉eslint，在这一步选择No:

Use ESLint to lint your code? (Y/n) no

在bulid/webpack.base.conf.js里面有配置如下：
module: {
rules: [

…(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint，发现在config/index.js里配置
useEslint: true, // 改为false即可。
（未尝试）
4.打开vscode的设置，搜索eslint，在搜素出来的下面找到settings.json
如图：在这里插入图片描述
打开settings.json文件
修改代码为如下：

{
    "eslint.options": {
      "extensions": [
        ".js",
        ".vue"
      ]
    },
    "eslint.validate": [
      "javascript",
      {
        "language": "vue",
        "autoFix": true
      },
      "html",
      "vue"
    ],
    "eslint.autoFixOnSave": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "eslint.codeAction.disableRuleComment": {},
    "eslint.alwaysShowStatus": true,
    "workbench.colorTheme": "Monokai Dimmed",
    "eslint.codeAction.showDocumentation": {
    
      "enable": true
    },
  }