vscode里,vuecli3 关闭eslint 语法检查

5,395 阅读1分钟

最近在调试项目时,遇到个让人恼火的问题, 因为eslint语法检查的原因,导致项目不能多个空格,也不能多逗号,不然就报错!!

百度后发现是因为项目中用了eslint 的原因,导致是严格模式,那么我们关闭一部分的语法检查就好了。

打开vscode安装插件的地方,搜索并安装以下几个插件。

安装完成后,打开设置,在setting.json 的文件里添加:

 //  #去掉代码结尾的分号
    "prettier.semi": false,
    //  #使用单引号替代双引号
    "prettier.singleQuote": true,
    "eslint.enable":false

接着打开项目的 .eslintrc.js文件,添加

  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'space-before-function-paren': 0,
    'no-extra-semi': 0, // 可以多余的冒号
    semi: 0, // 语句可以不需要分号结尾
    // 'comma-dangle': ["error", "always-multiline"],
    'comma-dangle':0,
    'no-multi-spaces': 0, // 不能用多余的空格
    'no-unused-vars': [
      2,
      {
        // 允许声明未使用变量
        vars: 'local',
        // 参数不检查
        args: 'none'
      }
    ]
  },

接下来重新打开vscode,并且运行项目,就好了。