Visual Studio Code 中的自动 TypeScript `import` 格式设置答案

【问题标题】：Automatic TypeScript `import` formatting in Visual Studio CodeVisual Studio Code 中的自动 TypeScript `import` 格式设置
【发布时间】：2020-06-18 05:30:54
【问题描述】：

我正在使用 Visual Studio Code 开发一个 Angular 9 项目。当我键入现有 TypeScript 类的名称时，我按 Ctrl + . 自动导入它。如何配置自动导入功能以使用双引号和相对路径而不是单引号和绝对路径？

例子：

我明白了：import { RefreshService } from 'src/app/services/refresh.service';
我想要这个：import { RefreshService } from "../../services/refresh.service";

谢谢！

【问题讨论】：

标签： typescript visual-studio-code path vscode-settings quotes

【解决方案1】：

以下两行必须添加到.vscode/settings.json：

"typescript.preferences.importModuleSpecifier": "relative",
"typescript.preferences.quoteStyle": "double"

【讨论】：

【解决方案2】：

打开 Visual Studio 并打开 File -> preferences->settings 并 搜索自动导入 选择扩展 TypeScript 并将下拉选项（引用样式）自动更改为双精度。

【讨论】：