Change auto import format in WebStorm

Question

I'm using WebStorm 2016.3 and currently working on typescript based project.

Right now auto import will generate something like this:

import {xxx} from "yyy"

I want to change the format to

import { xxx } from 'yyy'

How do I do this?

Answer 1

2016.3.*:

• in Settings | Code Style | Typescript | Spaces Settings | Code Style | Typescript | Spaces Settings | Code Style | Typescript | Spaces , enable Within / ES6 import/export braces

• in Settings | Code Style | Typescript | Other Settings | Code Style | Typescript | Other Settings | Code Style | Typescript | Other , set Quote marks: to Single quotes

2017.1.*:

• in Settings | Code Style | Typescript | Spaces Settings | Code Style | Typescript | Spaces Settings | Code Style | Typescript | Spaces , enable Within / ES6 import/export braces
• in Settings | Code Style | Typescript | Punctuation Settings | Code Style | Typescript | Punctuation Settings | Code Style | Typescript | Punctuation , set Use to single

Answer 2

You can change this in:

Settings | Code Style | Typescript | Other

Select Single quote for Quote marks in Generated code section