如何使Visual Studio代码不将双引号变成单引号?

时间:2018-12-24 15:17:00

标签: javascript reactjs visual-studio-code eslint prettier

Visual Studio代码不断将我的双引号变成单引号,而且我不知道该如何避免。

我正在一个团队项目中,因为他们更喜欢双引号而不是单引号,所以我注意到vscode将我的双引号变成了单引号,并且我已经尝试了所有可以找到的东西,但没有尝试。 我使用的是漂亮的,但是有“ prettier.singleQuote”:false 所以我不知道为什么它总是将我的单引号变成双引号。

这是我的eslintrc.js代码:

module.exports = {
  "parser": 'babel-eslint',
  "env": {
  "browser": true,
  "commonjs": true,
  "es6": true,
  "node": true,
  "jest": true,
},
"extends": ["eslint:recommended", "plugin:react/recommended"],
"parserOptions": {
  "ecmaFeatures": {
    "experimentalObjectRestSpread": true,
    "jsx": true
  },
  "sourceType": "module"
},
"plugins": [ "react" ],
"rules": {
  "react/prop-types": ["off"],
  "indent": ["warn", 2],
  "linebreak-style": ["error","unix"],
  "quotes": ["error","single"],
  "no-unused-vars": ["warn", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
  "no-console": ["off", { "allow": ["info", "error"] }]
}

};

我的设置修改:

{
  "editor.formatOnSave": true,
  "[javascript]": {
  "editor.formatOnSave": false
},
  "eslint.autoFixOnSave": true,
  "prettier.disableLanguages": ["js"],
  "eslint.alwaysShowStatus": true,
  "files.autoSave": "onFocusChange",
  "workbench.editor.enablePreview": false,
  "breadcrumbs.enabled": true
}

预期:双引号 结果:单引号

1 个答案:

答案 0 :(得分:1)

有关如何修改"quotes": ["error","single"], eslint规则的选项,请参见https://eslint.org/docs/rules/quotes#avoidescape