Подвійні лапки WebStorm / PhpStorm в автоматичному імпорті TypeScript

234

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

Авто імпорт WebStorm / PhpStorm додає importзаяви з подвійними лапками і руйнує стиль. Я думаю, це стосується всіх продуктів JetBrains.

Як можна виправити таку поведінку?

— Колба Естуса
джерело

Як і будь-яка інша мова в будь-якому інструменті JetBrains, змініть налаштування стилю коду у своїх уподобаннях.

— jonrsharpe

Це правда, щойно знайшли це, де відповідь підказує. Не було нічого корисного в пошуку "цитата" в налаштуваннях.

— колба Естуса

595

Така поведінка контролюється наступним варіантом:

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

З 2017-го року версія знаходиться на новій Punctuationвкладці, а параметри названі трохи інакше:

— LazyOne
джерело

1

Якщо ви запустили старішу версію Intellij (<2017.1), можливо, вам доведеться змінити налаштування, щоб вона фактично застосовувалася. Це було встановлено на одиничні лапки, але я все ще бачив подвійні лапки. Це спрацювало, змінивши подвійні лапки, застосувавши, змінившись на одиничні лапки і, нарешті, застосувавши знову.

— Кевін Лі

7

Вкладка "Інше" тепер "пунктуація" - принаймні Веб-штурм 2017.3.2

— ggranum

1

@ggranum Так, на скріншоті та примітці ("На 2017.1 ...") видно саме це. Я здогадуюсь краще зробити це сміливішим / помітнішим

— LazyOne

1

Якщо ви випадково використовуєте Vue.js з typecript, можливо, вам доведеться застосувати це налаштування також для 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"
],

Він повинен бути подвійним, а не одинарним, оскільки це не вдалося TSLint пройдено на збірці проекту.

Тепер перейдіть до своєї настройки | Редактор | TypeScript | Знаки пунктуації

Виберіть "Одномісний" зі спадного меню та застосуйте / ОК.

Тепер Поздравляю, що ваш IntellijIDEA застосовується подвійними цитатами на AutoImport.

— Ясір Шаббір Чодхарі
джерело