Automatic TypeScript `import` formatting in Visual Studio Code

user_600135 0
Viewed 2245

I'm working on an Angular 9 project in Visual Studio Code. When I type the name of an existing TypeScript class, I press Ctrl + . to import it automatically. How can I configure the auto-import functionality to use double quotes and relative paths instead of single quotes and absolute paths?

Example:

  • I get this: import { RefreshService } from 'src/app/services/refresh.service';
  • I want this: import { RefreshService } from "../../services/refresh.service";

Thanks!

vscode-settings visual-studio-code typescript quotes path
2 Answers

OPen visual studio and open File -> preferences->settings and search auto import see image select extension TypeScript and change drop down option(Quote style) auto to double.

user_96587740

The following two lines had to be added to .vscode/settings.json:

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