WebStorm/PhpStorm double quotes in TypeScript auto import

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:

https://i.stack.imgur.com/S94ry.png

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

https://i.stack.imgur.com/34gmI.png

https://i.stack.imgur.com/cQucq.png

1st Things need to check in your Tslint file

 "quotemark": [
  true,
  "Double"
],

It's should be Double rather than Single because it's Failed TSLint Passed on Project Build.

Now go to your Setting | Editor | TypeScript | Punctuation

Select Single from the dropdown and Apply/Ok it.

https://i.stack.imgur.com/VO436.png