Двойные кавычки WebStorm/PhpStorm в автоматическом импортировании TypeScript

Я использую стиль TypeScript с одинарными кавычками, двойные кавычки используются исключительно в HTML-шаблонах.

Автоматический импорт WebStorm/PhpStorm добавляет операторы import с двойными кавычками и разрушает стиль. Я думаю, это относится ко всем продуктам JetBrains.

Как можно зафиксировать это поведение?

Ответы

Ответ 1

Это поведение контролируется следующей опцией:

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

Начиная с версии 2017.1, на новой вкладке " Punctuation " и параметры названы немного по-другому:

enter image description here

Ответ 2

Кроме того, если вы добавляете автоматическое пространство между фигурными фигурными скобками при добавлении импорта таким образом

import { MyComponent } from './my.component';

вы можете проверить вкладку Spaces | Whithin | ES6 import/export braces

Ответ 3

В 2017-2019 мы так и делаем:

  1. Перейдите в настройки
  2. Введите Code style в поиске
  3. Выберите Typescript
  4. Перейти в раздел Punctuation
  5. Выберите single кавычки

enter image description here

Ответ 4

Знак препинания сделал это. Я также удалил точку с запятой в конце, но теперь TSLint не хватает ее.

Ответ 5

Для версии Intellij 2016.3 это на вкладке "Прочие"> "Сгенерированный код"> "Кавычки" enter image description here

Ответ 6

Первое, что нужно проверить в вашем файле Tslint

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

Он должен быть Double, а не Single, потому что он не прошел TSLint Passed при сборке проекта.

Теперь перейдите к настройке | Редактор | TypeScript | пунктуация

Выберите Single из выпадающего списка и Apply/Ok it.

Поздравляем ваш IntellijIDEA с применением двойных кавычек на автоимпорте. For reference