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

Question

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

87

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

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

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

Tomas Nikodym 14 сен. 2016, в 15:38

Источник

Теги:

typescript

visual-studio-code

code-formatting

6 ответов

30

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

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


    {
      "editor.formatOnSave": true
    }

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

Источник

student 15 дек. 2017, в 07:51

0

@ClintEastwood, если вы думаете, что это не ошибка, то есть и решения
student 23 май 2018, в 06:38

9

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

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

Long Nguyen 31 май 2018, в 07:25

1

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

eprats 07 апр. 2018, в 08:24

0

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

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

"editor.formatOnType": true

Aswin Binesh 09 янв. 2019, в 18:15

0

Для пользователя 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
}

user3247481 27 сен. 2018, в 09:15

Ещё вопросы

@ClintEastwood, если вы думаете, что это не ошибка, то есть и решения

Tomas Nikodym · Accepted Answer · 2016-10-11T10-10-00.000Z

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

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

"editor.formatOnSave": true

Есть ли способ исключить некоторые файлы? т.е. я хочу форматировать только файлы .js, а не .html.
@ gabodev77prettier в VS Code имеет варианты для этого (например, prettier.javascriptEnable, prettier.cssEnable ...), но не для HTML.
Можно ли отформатировать в автосохранении? formatOnSave работает для меня только тогда, когда я вручную нажимаю Cmd + S.
@gabrielAnzaldo См. этот вопрос о том, как исключить определенные файлы / типы файлов: stackoverflow.com/questions/44831313/…