Automatic TypeScript `import` formatting in Visual Studio Code

Question

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!

PrakashT · Accepted Answer · 2020-03-05 14:47:21Z

3

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

answered Mar 5, 2020 at 14:47

PrakashT

9311 gold badge8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kol · Accepted Answer · 2020-03-05 15:05:20Z

2

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

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

answered Mar 5, 2020 at 15:05

kol

28.9k13 gold badges91 silver badges126 bronze badges

Collectives™ on Stack Overflow

Automatic TypeScript `import` formatting in Visual Studio Code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related