When working in TypeScript in Visual Studio Code, the import suggestion on a type (triggered by space + period) will generate an import using double quotes.
Our TypeScript linter verifies that single quotes are used where possible.
As you can see below, the suggestion has double quotes ("@angular/...")
How can I adjust the setting of the import?
In VSCode, go to File -> Preferences -> Settings and click on the icon in the top right hand corner to open up the settings in JSON. Et voilà! Your imports will now be organized every time you save a file.
As of VSCode 1.10, this is (sadly) not possible yet. But is an issue for a lof of the users as it seems. The VSCode theme is aware of this issue and you can follow this to know when it is implemented: https://github.com/Microsoft/TypeScript/issues/13270
Update June 2018
Since VSCode 1.24 (June 2018) there is an option for this!
"typescript.preferences.quoteStyle": "single"
For more info see:
https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code
You can also configure the below line in your vscode user settings to adjust this setting.
"prettier.singleQuote": true
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With