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

234

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

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

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

— Настой Эстус
источник

Как и любой другой язык в любом инструменте JetBrains, измените настройки стиля кода в ваших предпочтениях.

— Джонршарп

Это правда, только что нашел, где ответ подсказывает. Не было ничего полезного в поиске цитаты в настройках.

— Настой Эстус

595

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

Settings/Preferences
Editor | Code Style | TypeScript
"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этом, как мы это делаем:

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

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

10

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

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

2

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

— VinPro
источник

1

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

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

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

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

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

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

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