设置 ESLINT 以忽略“额外分号”等警告

Posted

技术标签:

【中文标题】设置 ESLINT 以忽略“额外分号”等警告【英文标题】:Settings for ESLINT to ignore warnings like "extra semicolon" 【发布时间】:2019-01-07 11:53:40 【问题描述】:

我正在将 Atom 代码编辑器用于带有 ESLINT (feross) 的 VueJS 项目。通过尝试快速构建布局原型,我得到了这些错误。

打开大括号前缺少空格 字符串必须使用单引号 额外的分号

在原型阶段,我希望 ESLINT/ATOM 禁用/忽略这些错误并呈现网站。 该怎么做?

【问题讨论】:

【参考方案1】:

您可以暂时关闭 eslint。在我的设置中,检查 build/webpack.base.conf.js 会显示以下 sn-p:

  module: 
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),
      
        test: /\.vue$/,

linting 规则将启用 eslint。让我们避免这种情况并将config.dev.useEslint 设置为false。转到config/index.js 并更改以下sn-p:

// Use Eslint Loader?
// If true, your code will be linted during bundling and
// linting errors and warnings will be shown in the console.
useEslint: false,

【讨论】:

【参考方案2】:

在您的 .eslintrc 文件中,执行以下操作:

  "rules": 
    "space-before-blocks": "off",
    "quotes": "off",
    "no-extra-semi": "off"
  

这将关闭上述规则。我建议不要关闭它,而是让它发出警告,所以以后你记得解决这些问题。

ESLint 有一个很棒的文档:https://eslint.org/docs/rules/

【讨论】:

以上是关于设置 ESLINT 以忽略“额外分号”等警告的主要内容,如果未能解决你的问题,请参考以下文章

ESLint 警告;已定义但从未用于 react-native 组件 [重复]

如何在 vue-cli 3 上禁用 eslint?

react ESlint警告: React Hook useEffect has a missing dependency

Node.js - 在终端中显示 ESLint 错误,如 create-react-app

文件/Blob - eslint(no-undef)

eslint 或 jslint 中的 Javascript lambda/匿名函数长度警告