如何让 Visual Studio 代码中的 eslint 允许双引号？

Question

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

Answer 1

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

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

Answer 2

quotes: [0, "double"] 适合我

Answer 3

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

Answer 4

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

/*eslint-disable */

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

/*eslint-enable */

Answer 5

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

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

如果您想禁用引号规则，请添加：

rules: {
    quotes: "off"  
}

Answer 6

如果您使用 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"]
}