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

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

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

Ответы (5)

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

  1. Настройки / Предпочтения
  2. Редактор | Стиль кода | TypeScript
  3. Вкладка «Пунктуация» | Сгенерированный код -> Кавычки

Начиная с версии 2017.1 он находится на новой вкладке Пунктуация, а названия параметров немного отличаются:

enter image description here

В 2017-2019 вот как мы это делаем:

  1. Заходим в настройки
  2. Тип Стиль кода в поиске
  3. Выбрать Машинопись
  4. Перейти к Пунктуация раздел
  5. Выбрать одиночный кавычки

enter image description here

Также, если вы хотите добавить автоматический пробел между фигурными скобками при добавлении таких импортов

импортировать {MyComponent} из './my.component';

вы можете проверить во вкладке Пробелы | Whithin | ES6 импорт / экспорт фигурных скобок

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

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

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

Это должно быть Double, а не Single, потому что это Failed TSLint Passed on Project Build.

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

Выберите Single из раскрывающегося списка и примените / окей.

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

2022 WebDevInsider