WebStorm/PhpStorm double quotes in TypeScript auto import

typescript intellij-idea phpstorm webstorm jetbrains-ide
Estus Flask picture Estus Flask · Sep 29, 2016 · Viewed 57.5k times · Source

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?

Answer

LazyOne picture LazyOne · Sep 29, 2016

This behaviour is controlled by the following option:

  1. Settings/Preferences
  2. Editor | Code Style | TypeScript
  3. "Punctuation" tab | Generated code -> Quote marks

As of 2017.1 version it's on new Punctuation tab and options are named a bit differently:

enter image description here

Related questions

Debugging typescript with source maps and webpack

I have project written in Typescript and I want to be able to debug it (either in Chrome Dev Tools or in Intellij). At first I saw that Typescript's import functionality was not supported. So I tried using Webpack along …

Read More
Warning: Cannot find parent tsconfig.json

I would like to fix the warning: Warning: Cannot find parent tsconfig.json in the TypeScript Errors tab in IntelliJ IDEA 2016.3. My TypeScript code lives in the src directory and my TypeScript output is going to lib as expected without …

Read More
DOMParser Typescript- Parsing HTML

I'm running into some trouble with the DOMParser. I'm using intelliJ IDE and writing in Typescript. Here is my code: public domparser = new DOMParser(); this.domdoc = this.domparser.parseFromString(this.xmlDoc, 'text/xml'); console.log("domdoc: " + this.domdoc); I'm seeing …

Read More