it-roy-ru.com

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

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

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

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

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

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

"editor.formatOnSave": true
169
Tomas Nikodym

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

  • Нажмите Ctrl, открыть пользовательские настройки
  • Введите следующий код в открытый файл настроек

    {
        "editor.formatOnSave": true
    }
    
  • Сохранить файл

Источник

35
student

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

"[javascript]": { "editor.formatOnSave": true }
20
Long Nguyen

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

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

VS Code - Open Settings Command Image

  1. Введите ' format ' в поле поиска и включите опцию ' Format On Save .

enter image description here

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

11
Balasubramani M

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

Путь к файлу:/Users/USER_NAME/Библиотека/Поддержка приложений/Код/Пользователь/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
}
0
Richard