Как вы форматируете код при сохранении в коде 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 и ищет простой способ форматирования кода при сохранении, следуйте приведенным ниже инструкциям.

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

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

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

Ответ 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