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

Question

• I created a vue-js CLI project
• I want to be able to use double-quotes instead of single quotes
• when I use double quotes, npm run dev reports eslint errors
• Where do I tell eslint to allow double quotes?

Answer 1

Check your .eslintrc.js file, you can either set the value of the quotes rule to double or set the error level to warning or disable it altogether. Have a look at the docs . This would be an example:

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

Answer 2

quotes: [0, "double"]对我有用

Answer 3

Sometimes it is cumbersome to find a specific syntax to disallow a specific eslint rule. In this situations you can use "global" disabling for a code block as the following:

/*eslint-disable */

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

/*eslint-enable */

Answer 4

If you use the ESLint extension https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint .

It comes with a command to initialize the .eslintrc file :

Run Ctrl+Maj+P then ESLint : Create ESLint configuration

In the resulting .eslintrc.js file that has been generated at the root of your Workspace add the quotes: [0, "double"] line as stated by others.

File should look something like this

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

Answer 5

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

Answer 6

The following rule will get rid of the double quotes error however then you will start getting single quotes error:

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

And if you want to disable the quotes rule then add this:

rules: {
    quotes: "off"  
}