有没有办法在VS Code快速修复中从双引号更改为单引号？

Question

将VSCode与Angular一起使用时，我写下我的导入语句列表：

import { AppComponent } from './app.component';

VSCode Quick Fix将它们添加为：

import { WelcomeComponent } from "app/home/welcome.component";

有没有办法用VS代码设置更改VS Code Quick Fix以使用单引号而不是双引号？

Answer 1

如果您的项目有一个.editorconfig文件，请尝试添加以下行：

[*]
...
quote_type = single

我发现.editorconfig文件似乎覆盖了vscode，prettier，tslint等的所有设置，并且似乎默认为单引号以外的其他设置。

如果不需要，删除文件也可以。

有关editorconfig的更多信息。

Answer 2

您可以将Prettier Extension与以下设置（全局/工作区）一起使用。

"prettier.singleQuote": true

Answer 3

检查tslint.json部分quotemark部分。

如果它被设置为

使用doublequote

"quotemark": [
  true,
  "double"   < ------mention here
]

然后在使用typescript时，singlequote文件会出现警告。这将导致VS Code的快速修复（对我来说显示修复选项）将singlequote更改为doublequote。

因此解决方案应该是double更改为single。

"quotemark": [
  true,
  "single"   < ------change here
]

Answer 4

将打字稿设置更改为

后，打开VS代码settings.json。

 "[typescript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }

Answer 5

这很好用而且很简单...

在 VSCode 中打开设置，例如Command + ',' 然后过滤 “打字稿”：

查找“引用样式”并更改：

Answer 6

尝试使用angular-ide（https://www.genuitec.com/products/angular-ide/），这将使这个方便。

希望您为了 tslint 规范而改变它。 angular-ide将在编辑器中显示警告，该警告还可以替换所有此类警告。

Answer 7

看看这个名为“ECMAScript Quotes Transformer”的扩展程序，你可以通过按下来安装：

Ctrl/Cmd + P

并输入

ext install es-quotes

ECMAScript Quotes Transformer on Visualstudio.com

Answer 8

按Ctrl +进行设置。

然后搜索更漂亮。找到设置“更漂亮：单引号”

将其设置为true。

您可以在用户设置或工作空间设置中进行设置。

Answer 9

在 tslint.json

中

引号应设置在规则

中

{
    "defaultSeverity": "error",
    "extends": ["tslint:recommended"],
    "jsRules": {},
    "rules": {
      "quotemark": [true, "single", "avoid-escape", "avoid-template"],
      "no-console": false
    },
    "rulesDirectory": [],
    "compilerOptions": {
      "types": ["reflect-metadata", "jest"],
       "typeRoots": ["./types", "./node_modules/@types"]
     },
     "exclude": ["node_modules", "**/*.spec.ts", "**/*.test.ts"],
     "include": ["./**/*.tsx", "./**/*.ts"]
  }