Код Visual Studio - настройка настройки котировки импорта

36

При работе в TypeScript в коде Visual Studio предложение импорта по типу (вызванное пробелом + периодом) будет генерировать импорт с использованием двойных кавычек.

Наш TypeScript linter проверяет, что по возможности используются одинарные кавычки.

Как вы можете видеть ниже, предложение имеет двойные кавычки («@angular / ...»)

Как настроить параметры импорта?

    
задан Boris van Katwijk 22.03.2017 в 14:03
источник
  • marketplace.visualstudio.com/... –  Tsar 25.10.2017 в 12:13

9 ответов

16

Как и в VSCode 1.10, это (к сожалению) пока невозможно. Но это проблема для всех пользователей, как кажется. Тема VSCode знает об этой проблеме, и вы можете следить за ней, чтобы знать, когда она реализована: Ссылка

Обновление Июнь 2018

Так как VSCode 1.24 (июнь 2018) есть опция для этого! Для получения дополнительной информации см .:

Ссылка

    
ответ дан Sebastian Sebald 22.03.2017 в 14:24
30

Вы также можете настроить нижнюю строку в пользовательских настройках vscode, чтобы настроить этот параметр.

"prettier.singleQuote": true
    
ответ дан abdllhbyrktr 03.09.2017 в 10:17
  • Это сработало для меня после сентябрьского обновления –  Sean 26.10.2017 в 13:43
8

Альтернативой, поддерживающей эту конфигурацию, является набор инструментов TypeScript .

Он настраивается, устанавливая genGetSet.pathStringDelimiter , который по умолчанию имеет импорт одной кавычки.

    
ответ дан Boris van Katwijk 23.03.2017 в 09:17
  • Спасибо за это! Стоит отметить параметр genGetSet.spacedImportLine, так что новые строки импорта выглядят как import {Router} .... вместо импорта по умолчанию {Router} ... –  FLGMwt 30.06.2017 в 15:42
  • Как ответ, так и комментарий выше - отличная информация! Спасибо вам два! –  Kris Boyd 17.07.2017 в 20:32
5

Я установил, что с помощью Конфигурация редактора откройте файл .editorconfig в вашем проекте корневой каталог (если у вас его нет, создайте этот файл) и добавьте эту строку после [*]

[*]
...
quote_type = single

В wiki вы можете увидеть полный список свойств.

    
ответ дан Joel Jacquez 15.01.2018 в 21:12
  • Приобретено. Ограничивает изменения только для того, над каким проектом вы работаете в глобальном масштабе. Примечание: перезапустите код VS, чтобы изменения вступили в силу. –  EdSF 19.09.2018 в 22:25
4

Перейдите в «Параметры файла > Настройки и настройки», а затем добавьте это под пользовательскими настройками:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
    
ответ дан wdanda 21.06.2018 в 16:03
  • Работает для меня, спасибо! BTW, вы можете добавить ссылку на настройки по умолчанию, которые представляют эти параметры: code.visualstudio.com/docs/getstarted/settings. // Предпочтительный стиль цитаты для быстрого исправления: «одиночные» кавычки, «двойные» кавычки или «автоматический» вывод типа цитаты из существующих импортов. Требуется использовать TypeScript 2.9 или новее в рабочей области. –  Mosh Feu 16.08.2018 в 11:30
3

Начиная с TypeScript 2.5, первый запрос импорта или экспорта в файле будет сканироваться, чтобы определить, используются ли одиночные или двойные кавычки при использовании предложений импорта.

Ссылка

    
ответ дан tredder 21.09.2017 в 05:36
2

Как и в VS Code 1.21.1, вам нужно отредактировать

  

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

В Windows

  

/ Приложения / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

В разделе «Импорт внешнего модуля» этого файла свойство массива body будет значением "import { $0 } from '${1:module}';" . Раздел будет выглядеть следующим образом:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},
    
ответ дан cdoremus 27.03.2018 в 03:53
1

Это уже реализовано (как упоминалось в другом ответе)! Но вы, вероятно, еще не на последней версии TypeScript.

Решение прост:

Выберите номер версии TypeScript (например, 2.3.4) между «TypeScript» и маленьким смайликом в нижнем правом углу. Затем переключитесь на встроенную версию Visual Studio Code (2.5.3 в данный момент).

После этого кода Visual Studio будет вывести стиль цитаты импорта, просмотрев первый оператор импорта . Обратите внимание, что небольшой всплывающий ярлык все равно покажет двойные кавычки.

Отчет об ошибках

Соответствующий запрос на перенос :

  

Это добавляет возможность определить, использовать ли одиночные или двойные кавычки для новых импортов, добавленных с помощью исправлений кода. Когда добавляется новый импорт, мы просматриваем самые последние утверждения исходного файла для существующих деклараций импорта или экспорта с помощью спецификаторов модуля. Затем мы используем стиль цитаты первого, который мы находим. Если в файле нет существующего импорта, мы возвращаемся к использованию двойных кавычек.

    
ответ дан Andrei Sinitson 09.10.2017 в 15:04
0

Вы также можете настроить нижнюю строку в пользовательских настройках vscode, чтобы разрешить одиночную кавычку в строке.

Перейдите к Предпочтения > Настройки пользователя

"prettier.singleQuote": true

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

"tslint.autoFixOnSave": true

для автоматического исправления при сохранении.

    
ответ дан anirban8611 23.03.2018 в 08:34