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

234

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

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

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

typescript intellij-idea phpstorm webstorm jetbrains-ide Настой Эстус
источник
Как и любой другой язык в любом инструменте JetBrains, измените настройки стиля кода в ваших предпочтениях.
Джонршарп
Это правда, только что нашел, где ответ подсказывает. Не было ничего полезного в поиске цитаты в настройках.
Настой Эстус

Ответы:

595

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

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

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

введите описание изображения здесь

LazyOne
источник
1
Если вы начали использовать более старую версию Intellij (<2017.1), вам может потребоваться изменить настройки, чтобы она действительно применялась. Это были одинарные кавычки, но я все еще видел двойные кавычки. Это сработало после изменения двойных кавычек, применения, перехода на одинарные кавычки и, наконец, применения снова.
Кевин Ли
7
Вкладка «Другие» теперь является «Пунктуацией» - по крайней мере, на Webstorm 2017.3.2
ggranum
1
@ggranum Да, скриншот и заметка («На 2017.1 ...») показывают именно это. Я думаю, мне лучше сделать это жирным шрифтом / более заметным.
LazyOne
1
Если вам случится использовать Vue.js с машинописным шрифтом, возможно, вам придется применить этот параметр и для javascript. Кажется, что WebStorm не применяет настройки машинописи к Vue-файлам, даже если они установлены как lang=ts.
helios35
78

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

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

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

Лео
источник
5
Большое спасибо! Я искал это, и это очень беспокоило меня.
Иван
37

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

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

введите описание изображения здесь

Камил Витковски
источник
10

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

Йорако Гонсалес
источник
2

Для версии Intellij 2016.3 она находится на вкладке Другие> Сгенерированный код> Кавычкивведите описание изображения здесь

VinPro
источник
1

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

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

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

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

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

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

Ясир Шаббир Чоудхари
источник