VisualStudio 代码-调整导入引号设置

小开

最佳答案

“ typeescript.ferences ences.quoteStyle”: “ single”

小开

支持这种配置的另一种选择是工具箱。

它可以通过设置 genGetSet.pathStringDelimiter进行配置，genGetSet.pathStringDelimiter已经将单引号导入作为默认值。

小开

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

"prettier.singleQuote": true

小开

从 TypeScript 2.5开始，将扫描文件中的第一个 import 或 export 语句，以确定在使用导入建议时是使用单引号还是双引号。

Https://github.com/microsoft/typescript/pull/17750

小开

这已经实现了(正如在另一个答复中提到的) ！但是您可能还没有使用最新版本的 TypeScript。

解决办法很简单:

在“ TypeScript”和右下角的一个小笑脸之间单击 TypeScript 版本号(例如2.3.4)。然后切换到 Visual Studio Code 内置版本(目前为2.5.3)。

在这个 Visual Studio 代码将 通过查看第一条 import 语句来推断导入引用样式。注意，一个小弹出标签仍然显示双引号无论如何。

漏洞报告

相关拉请求 :

这增加了对通过代码修复程序添加的新导入使用单引号还是双引号的能力。当添加新的导入时，我们使用模块说明符扫描源文件的最顶层语句，以查找现有的导入或导出声明。然后我们使用我们找到的第一个引用样式。如果文件中没有现有的导入，我们就回到使用双引号的方式。

小开

我修正了使用编辑器配置，在项目根目录中打开您的文件(如果没有，创建该文件) ，并在 [*]后面添加这一行

[*]
...
quote_type = single

在维基百科中，您可以看到属性的完整列表。

小开

还可以在 vscode 用户设置中配置以下行，以允许在字符串中使用单引号。

转到首选项 > 用户设置

"prettier.singleQuote": true

这将允许在 String 中使用单引号。否则，如果手动将所有双引号更改为单引号，则在保存时将恢复为单引号。还有，加上

"tslint.autoFixOnSave": true

在保存时自动修复。

小开

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

Json /usr/share/code/resources/app/xon/typeescript-basic/nippets/typeescript.json

在视窗中

应用程序/Visual Studio Code.app/内容/资源/应用程序/扩展/type escript-basic/nippets/typeescript.json 。

在 Windows 10(vscode version 1.30. * (user setup) later)中

* C: Users < yourusername > AppData Local Programs 微软 VS 代码资源应用扩展 type escript-basic 片段 typeescript.json

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

"Import external module.": {
"prefix": "import statement",
"body": [
"import { $0 } from '${1:module}';"
],
"description": "Import external module."
},

小开

点击“文件 > 首选项 > 设置”，然后在用户设置下添加:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

小开

以上的解决方案对我不起作用

所以这里是我的工作围绕，在您使用 vscode，"tslint.autoFixOnSave": true 在您的 settings.json将自动修复这些导入报价时，您保存的文件。

小开

打开命令面板(Ctrl + Shift + P-on Windows) ，浏览 Configure User Snippets

选择 typescript.json (TypeScript)

把这个片段粘贴到你的列表中:

"Import external module.": {
"prefix": "import statement",
"body": [
"import { $0 } from '${1:module}';"
],
"description": "Import external module."
}

不客气: