如何在 Visual Studio Code 中获取 eslint 以允许双引号？答案

【问题标题】：How to get eslint in Visual Studio Code to allow double quotes?如何在 Visual Studio Code 中获取 eslint 以允许双引号？
【发布时间】：2018-03-02 13:27:30
【问题描述】：

我创建了一个 vue-js CLI 项目
我希望能够使用双引号而不是单引号
当我使用双引号时，npm run dev 报告 eslint 错误
在哪里告诉 eslint 允许双引号？

【问题讨论】：

标签： vue.js visual-studio-code eslint

【解决方案1】：

检查您的.eslintrc.js 文件，您可以将quotes 规则的值设置为double 或将错误级别设置为warning 或完全禁用它。看看docs。这就是一个例子：

"rules": {
    "quotes": ["error", "double"]
}

【讨论】：

当我将它设置为quotes: ["error", "double"] 时，它会在单引号上出现错误。如何禁用此检查，以便我可以使用单引号或双引号？禁用的语法在文档页面上并不明显。
我正在寻找这样的东西quotes: ["ignore", "double"],
它说If you do not need consistency in your string styles, you can safely disable this rule.，但没有说如何。

【解决方案2】：

quotes: [0, "double"] 为我工作

【讨论】：

【解决方案3】：

有时找到一个特定的语法来禁止特定的 eslint 规则是很麻烦的。在这种情况下，您可以对代码块使用“全局”禁用，如下所示：

/*eslint-disable */

//suppress all warnings between comments
console.info("foo");

/*eslint-enable */

【讨论】：

【解决方案4】：

如果你使用 ESLint 扩展 https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint。

它带有一个初始化 .eslintrc 文件的命令：

运行 Ctrl+Maj+P 然后 ESLint : Create ESLint configuration

在工作区根目录生成的 .eslintrc.js 文件中，按照其他人的说明添加 quotes: [0, "double"] 行。

文件应该是这样的

module.exports = {
  quotes: [0, "double"]
}

【讨论】：

【解决方案5】：

另一种更简单的方法是进入 .eslintignore 文件并在文件末尾添加 * 将为您带来魔力

【讨论】：

【解决方案6】：

以下规则将消除双引号错误，但随后您将开始收到单引号错误：

"rules": {
   "quotes": ["error", "double"]
}

如果您想禁用引号规则，请添加以下内容：

rules: {
    quotes: "off"  
}

【讨论】：