Visual Studio Code 中 TypeScript 的自动导入格式化

Question

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

例如：

• 我得到这个： import { RefreshService } from 'src/app/services/refresh.service';
• 我想要这个：import { RefreshService } from "../../services/refresh.service";

谢谢！

- kol

Answer 1

打开Visual Studio，选择 文件 -> 首选项 -> 设置 并搜索自动导入。在中选择TypeScript扩展并将下拉选项（引号样式）从auto更改为double。

- PrakashT

Answer 2

以下两行代码必须添加到.vscode/settings.json文件中：

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

- kol