WebStorm/PhpStorm double quotes in TypeScript auto import
I'm using TypeScript style with single quotes, double quotes are used exclusively in HTML templates.
WebStorm/PhpStorm auto import adds import
statements with double quotes and ruins the style. I guess this applies to all JetBrains products.
How can this behaviour be fixed?
This behaviour is controlled by the following option:
Settings/Preferences
Editor | Code Style | TypeScript
"Punctuation" tab | Generated code -> Quote marks
As of 2017.1 version it's on new Punctuation
tab and options are named a bit differently:
Also if you would like to add automatic space between curly braces when adding imports like so
import { MyComponent } from './my.component';
you may check in tab Spaces | Whithin | ES6 import/export braces
In 2017-2019
this is how we do it:
- Go to settings
- Type
Code style
in search - Select
Typescript
- Go to
Punctuation
section - Select
single
quotes