Как вы форматируете код при сохранении в коде VS

Я хотел бы автоматически форматировать TypeScript код с помощью встроенного форматирования при сохранении файла в Visual Studio Code.

Мне известны следующие параметры, но ни один из них не является достаточно хорошим:

  • Формат вручную Shift + Alt + F
  • Формат по типу "editor.formatOnType": true
    • Он форматирует строку при нажатии кнопки ввода. К несчастью, он оставляет его неформатированным, когда вы нажимаете мыши на другую линию или нажимаете стрелку вверх/вниз.
  • Использовать существующее расширение
    • Я пробовал этот один, но, похоже, он не работает слишком хорошо.
  • Используйте beautify "beautify.onSave": true
    • Он не работает с TypeScript
  • Записать пользовательское расширение
    • Это сложно, если вы хотите обрабатывать автосохранение и правильно строить.

Ответы

Ответ 1

По состоянию на сентябрь 2016 года (VSCode 1.6) это теперь официально поддерживается.

Добавьте следующее в ваш файл settings.json:

"editor.formatOnSave": true

Ответ 2

Чтобы автоматически отформатировать код при сохранении:

  • Нажмите Ctrl ,, чтобы открыть настройки пользователя.

  • Введите следующий код в открытый файл настроек

    {
    "editor.formatOnSave": true
}

  • Сохранить файл

Источник

Ответ 3

Если вы хотите автоматически отформатировать при сохранении только с использованием источника Javascript, добавьте его в Users Setting (нажмите Cmd , или Ctrl ,):

"[javascript]": { "editor.formatOnSave": true }

Ответ 4

Больше не нужно добавлять команды. Для тех, кто не знаком с Visual Studio Code и ищет простой способ форматирования кода при сохранении, следуйте приведенным ниже инструкциям.

  1. Откройте "Настройки", нажав [Cmd+,] в Mac или используя скриншот ниже.

VS Code - Open Settings Command Image

  1. Введите " формат " в поле поиска и включите параметр " Формат при сохранении ".

enter image description here

Вы сделали. Спасибо.

Ответ 5

Проблема в машинописи. Если вы увидите эту ветку https://github.com/Microsoft/vscode/issues/17627, вы увидите, что форматирование машинописного текста еще не решено в VSCode.

Ответ 6

Для пользователя MAC, добавьте эту строку в настройки по умолчанию

Путь к файлу: /Users/USER_NAME/Library/Поддержка приложений/Код/Пользователь/settings.json

"tslint.autoFixOnSave": правда

Пример файла будет:

{
    "window.zoomLevel": 0,
    "workbench.iconTheme": "vscode-icons",
    "typescript.check.tscVersion": false,
    "vsicons.projectDetection.disableDetect": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "eslint.autoFixOnSave": true,
    "tslint.autoFixOnSave": true
}

Ответ 7

Чтобы отформатировать вручную: Shift + Alt + F

Чтобы отформатировать по типу:

"editor.formatOnType": true