Код Visual Studio - настройка параметра цитаты для импорта

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

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

Как видно ниже, предложение заключено в двойные кавычки ("@angular / ...").

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

В версии VSCode 1.10 это (к сожалению) пока невозможно. Но это, как кажется, проблема для многих пользователей. Тема VSCode знает об этой проблеме, и вы можете следить за ней, чтобы узнать, когда она будет реализована: https://github.com/Microsoft/TypeScript/issues/13270

Обновление июнь 2018 г.

Начиная с VSCode 1.24 (июнь 2018 г.) для этого есть возможность!

"typescript.preferences.quoteStyle": "single"

Для получения дополнительной информации см .:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

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

"prettier.singleQuote": true

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

[*]
...
quote_type = single

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

Начиная с VS Code 1.21.1 вам необходимо отредактировать

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

В Windows

/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

В Windows 10 (vscode версии 1.30. * (Пользовательская настройка) позже)

* C: \ Users \ <ваше имя пользователя> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ typescript-basics \ snippets \ typescript.json

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

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

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

Его можно настроить с помощью параметра genGetSet.pathStringDelimiter, который уже имеет импорт в одинарные кавычки по умолчанию.

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

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

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

https://github.com/Microsoft/TypeScript/pull/17750

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

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

"prettier.singleQuote": true

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

"tslint.autoFixOnSave": true

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

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

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

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

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

Сообщение об ошибке

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

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

Вышеупомянутые решения не помогли мне

Итак, вот моя работа, когда вы используете vscode,: "tslint.autoFixOnSave"true в вашем settings.jsonбудет автоматически исправлять эти расценки на импорт при сохранении файла.