Visual Studio代码 - 调整导入报价设置

Bor*_*ijk 65 typescript visual-studio-code

在Visual Studio代码中使用TypeScript时,类型上的导入建议(由空格+句点触发)将使用双引号生成导入.

我们的TypeScript linter验证在可能的情况下使用单引号.

如下所示,该建议有双引号("@angular/...") 用双引号导入建议

如何调整导入设置?

Seb*_*ald 54

从VSCode 1.10开始,(遗憾的是)这是不可能的.但对于一小部分用户来说似乎是一个问题.VSCode主题知道这个问题,你可以按照这个来了解它的实现时间:https://github.com/Microsoft/TypeScript/issues/13270


2018年6月更新

自VSCode 1.24(2018年6月)以来,有一个选项!有关详情,请参阅:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

  • `"typescript.preferences.quoteStyle":"单身"` (13认同)
  • 这似乎对我没有生效。我仍然从建议和摘要中得到双引号。 (3认同)
  • 我不知道你们两个使用什么语言,但 javascript 和 typescript 有单独的设置。我想知道同样的事情,但我设置了 javascript 代码设置而不是 typescript。 (2认同)

abd*_*ktr 50

您还可以在vscode用户设置中配置以下行以调整此设置.

"prettier.singleQuote": true
Run Code Online (Sandbox Code Playgroud)

  • 令人沮丧的是,人们认为您已经或想要使用 Prettier。除非有人问“我如何使用 Prettier”——我认为最好不要回答假设他们有它。 (4认同)
  • prettier 是一个扩展,并不是每个人都使用它 (3认同)

小智 9

从VS Code 1.21.1开始,您需要编辑

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

在Windows中

/ Applications/Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json.

在Windows 10中(vscode版本1.30.*(用户设置)稍后)

*C:\ Users\<yourusername>\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\typescript-basics\snippets\typescript.json

在该文件的"导入外部模块"部分中,将body数组属性设置为值."import { $0 } from '${1:module}';"该部分将如下所示:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},
Run Code Online (Sandbox Code Playgroud)

  • 这个解决方案对我有用。字面上尝试了一切,但只有这个修复了它。 (2认同)

Bor*_*ijk 8

支持此配置的替代方案是TypeScript Toolbox.

它可以通过设置进行配置,genGetSet.pathStringDelimiter默认情况下已经将单引号导入.

  • 谢谢你!值得指出`genGetSet.spacedImportLine`设置,所以新的导入行看起来像`import {Router} ....`而不是默认的`import {Router} ...... (2认同)

小智 7

我修复了使用编辑器配置,打开项目根目录中的.editorconfig文件(如果没有,创建该文件)并在[*]之后添加此行

[*]
...
quote_type = single
Run Code Online (Sandbox Code Playgroud)

wiki中,您可以看到完整的属性列表.


Wag*_*lva 7

转到"文件>首选项>设置",然后在用户设置下添加:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
Run Code Online (Sandbox Code Playgroud)