При работе в TypeScript в коде Visual Studio предложение об импорте типа (вызванное пробелом + периодом) будет генерировать импорт с использованием двойных кавычек.
Наш TypeScript linter проверяет, что по возможности используются одинарные кавычки.
Как вы можете видеть ниже, предложение имеет двойные кавычки ( "@angular/..." )
Как настроить параметры импорта?
Начиная с VSCode 1.10, это (к сожалению) пока невозможно. Но это проблема для большинства пользователей, как кажется. Тема VSCode знает об этой проблеме, и вы можете следить за ней, чтобы узнать, когда она будет реализована: https://github.com/Microsoft/TypeScript/issues/13270
Обновление июнь 2018
Начиная с VSCode 1.24 (июнь 2018 года) для этого существует опция! Для получения дополнительной информации см.:
https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code
Вы также можете настроить нижнюю строку в пользовательских настройках vscode, чтобы настроить этот параметр.
"prettier.singleQuote": true
Альтернативой, поддерживающей эту конфигурацию, является TypeScript Toolbox.
Он настраивается установкой genGetSet.pathStringDelimiter, которая по умолчанию имеет импорт одной кавычки.
Я исправил это с помощью редактора config, откройте файл .editorconfig в корневом каталоге вашего проекта (если у вас его нет, создайте этот файл) и добавьте эту строку после [*]
[*]
...
quote_type = single
В вики вы можете увидеть полный список свойств.
Перейдите в "Файл> Настройки> Настройки", а затем добавьте это в настройках пользователя:
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
Начиная с TypeScript 2.5, первый импорт или экспорт в файле будет сканироваться, чтобы определить, используются ли одиночные или двойные кавычки при использовании предложений импорта.
Начиная с кода VS 1.21.1 вам нужно редактировать
/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json
В винде
/Applications/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."
},
Это уже реализовано (как упоминалось в другом ответе)! Но вы, вероятно, еще не на последней версии TypeScript.
Решение прост:
Нажмите TypeScript номер версии (например, 2.3.4) между "TypeScript" и немного смайликом в правом нижнем углу. Затем переключитесь на встроенную версию Visual Studio Code (2.5.3 в данный момент).
После этого кода Visual Studio будет вывести стиль цитаты импорта, просмотрев первый оператор импорта. Обратите внимание, что небольшой всплывающий ярлык все равно покажет двойные кавычки.
Соответствующий запрос на перенос:
Это добавляет возможность определить, использовать ли одиночные или двойные кавычки для новых импортов, добавленных с помощью исправлений кода. Когда добавляется новый импорт, мы просматриваем самые последние утверждения исходного файла для существующих деклараций импорта или экспорта с помощью спецификаторов модуля. Затем мы используем стиль цитаты первого, который мы находим. Если в файле нет существующего импорта, мы возвращаемся к использованию двойных кавычек.
Вы также можете настроить строку ниже в ваших пользовательских настройках vscode, чтобы разрешить одинарную кавычку в строке.
Перейдите в "Настройки"> "Настройки пользователя"
"prettier.singleQuote": true
Это позволит одинарную кавычку в строке. В противном случае, если вы вручную измените все двойные кавычки на одинарные кавычки, то при сохранении они вернутся обратно. Кроме того, добавить
"tslint.autoFixOnSave": true
для автоматического исправления при сохранении.
Вышеуказанные решения не спомогли мне
Итак, вот моя работа: вы используете vscode, "tslint.autoFixOnSave": true в ваших settings.json "tslint.autoFixOnSave" автоматически исправит эти цитаты импорта при сохранении файла.