it-swarm.com.ru

Как вы форматируете код в Visual Studio Code (VSCode)

Что является эквивалентом Ctrl + K + F а также Ctrl + K + D в Windows в Visual Studio для форматирования или "украшения" кода в редакторе кода Visual Studio?

990
Brandon Clapp

Форматирование кода доступно в Visual Studio Code с помощью следующих ярлыков:

  • На винде Shift + Alt + F
  • На Mac Shift + Option + F
  • На Ubuntu Ctrl + Shift + I

Кроме того, вы можете найти ярлык, а также другие ярлыки, с помощью функции поиска, предоставленной в редакторе с Ctrl +ShiftP (или же Command + Shift + P на Mac), а затем поиск формат документа .

2974
Brandon Clapp

Ярлык форматирования кода:

Visual Studio Code для Windows - Shift + Alt + F

Код Visual Studio на MacOS - Shift + Option + F

Код Visual Studio в Ubuntu - Ctrl + Shift + I

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

Форматирование кода при сохранении файла:

Visual Studio Code позволяет пользователю настраивать параметры по умолчанию.

Если вы хотите автоматически отформатировать содержимое во время сохранения, добавьте приведенный ниже фрагмент кода в настройках рабочего пространства кода Visual Studio.

Меню Файл Настройки Настройки рабочего пространства

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

Примечание: теперь вы можете автоматически форматировать файлы TypeScript. Проверьте мое обновление.

412
Bharathi Devarasu

Вы можете добавить привязку клавиш в меню Файл Настройки Сочетания клавиш .

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

Или Visual Studio как:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }
197
hardkoded

Правильная комбинация клавиш Shift + Alt + F,.

112
César
  1. Щелкните правой кнопкой мыши файл
  2. Выберите Формат документа (Alt + Shift + F) из окна меню.

Enter image description here

80
Siddarth Kanted

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

  • XML  (они удалили его , слишком много ошибок)
  • HTML
  • JSON
  • JavaScript
  • Машинопись
  • C #
69
Johannes Rieken

На Linux это Ctrl + Shift + I,.

На винде это Alt + Shift + F, Протестировано с HTML/CSS/JavaScript и Visual Studio Code 1.18.0.

Для других языков вам может потребоваться установить определенный языковой пакет.

59
Niklas Rosencrantz

Для Fedora

  1. Нажмите File -> Preferences -> Keyboard shortcuts.
  2. Под Default Keyboard Shortcuts, поиск (Ctrl + F) для editor.action.format.

Мое чтение "key": "ctrl+shift+i"

Вы также можете изменить это. Обратитесь к этот ответ о том, как ... или если вам немного лень прокручивать вверх:


Вы можете добавить связывание клавиш в "Настройки-> Сочетания клавиш"

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

Или Visual Studio, как:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }


Пожалуйста, обратите внимание: cmd Ключ только для Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl


РЕДАКТИРОВАТЬ:

В соответствии с версией Visual Code 1.28.2 это то, что я нашел.

editor.action.format больше не существует. Теперь он был заменен на editor.action.formatDocument и editor.action.formatSelection.

Введите editor.action.format в поле поиска, чтобы просмотреть существующие ярлыки.

Чтобы изменить комбинации клавиш, выполните следующие действия:

  1. Нажмите editor.action.formatDocument или editor.action.formatSelection
  2. Слева появляется значок, похожий на перо - щелкните по нему.
  3. Появится всплывающее окно. Нажмите нужную комбинацию клавиш и нажмите ввод.
59
abyshukla

Visual Studio Code 1.6.1 поддерживает " Format On Save ", который автоматически подберет соответствующие установленные расширения форматирования и отформатирует все документ о каждом сохранении.

Включите "Формат при сохранении", установив

"editor.formatOnSave": true

И есть доступные сочетания клавиш (код Visual Studio 1.7 и выше):

отформатировать весь документShift + Alt + F

только выбор форматаCtrl + KCtrl + F

55
Dariusz

На Ubuntu это Ctrl + Shift + I,.

41
ranbuch

Просто щелкните правой кнопкой мыши по тексту и выберите "Формат кода".

Visual Studio Code использует js-beautify внутри, но ему не хватает возможности изменить стиль, который вы хотите использовать. Расширение "украсить" позволяет добавлять настройки.

27
Gerfried

По какой-то причине Alt + Shift + F у меня не работало в Mac Visual Studio Code 1.3.1, и на самом деле команда "Формат документа" вообще не работала. Но команда Formatter сработала очень хорошо.

Так что вы можете использовать Command + Shift + P и введите Formatter или создайте свой собственный ярлык в меню Файл Настройки Сочетания клавиш → Command + KCommand + S затем введите Formatter и добавьте свой ярлык.

Смотрите пример:

Enter image description here

24
Aleksander Tymczenko

Shift + Alt + F делает работу отлично в 1.17.2 и выше.

22
Piotrek Hryciuk

Ярлык формата в C # не работал для меня, пока я не установил Mono для Mac OS X, DNVM и DNX .

До того, как я установил Mono, ярлык автоформатирования (Shift + Alt + F) работал только для файлов .json.

17
Jo Smo

В коде Visual Studio Shift+Alt+F делает то, что Ctrl+K+D делает в Visual Studio.

17
Burk

На Mac, Shift + Alt + F работает для меня.

Вы всегда можете проверить привязки клавиш в меню:

Меню ФайлНастройкиСочетания клавиш и фильтр по ключевому слову "формат".

14
Lukasz Czerwinski

Форматирование кода в Visual Studio.

Я попытался отформатировать в Windows 8.

Просто следуйте скриншотам ниже.

  1. Нажмите View в верхней строке меню, а затем нажмите на Command Palette.

    Enter image description here

  2. Затем появится текстовое поле, где нам нужно типа Формат

    Shift + Alt + F

    Enter image description here

14
afeef

Хотя изменение поведения по умолчанию для кода Visual Studio требует расширения, вы можете переопределить поведение по умолчанию в рабочей области или на уровне пользователя. Он работает для большинства поддерживаемых языков (я могу гарантировать HTML, JavaScript и C #).

Уровень рабочего пространства

Преимущества

  • Не требует расширения
  • Может быть разделен между командами

Результаты

  • .vscode/settings.json создается в корневой папке проекта

Как?

  1. Перейти к: Меню Файл Предпочтения Настройки рабочего пространства

  2. Добавьте и сохраните "editor.formatOnType": true в settings.json (который переопределяет поведение по умолчанию для проекта, над которым вы работаете, создав файл .vscode/settings.json).

    How it looks

Уровень пользовательской среды

Преимущества

  • Не требует расширения
  • Личная среда разработки настраивается, чтобы управлять ими всеми (настройки :))

Результаты

  • settings.json пользователя изменен (см. Расположение в зависимости от операционной системы ниже)

Как?

  1. Перейти к: меню Файл Предпочтения Настройки пользователя

  2. Добавьте или измените значение "editor.formatOnType": false на "editor.formatOnType": true в настройках пользователя .json

Местоположение вашего settings.json пользователя кода Visual Studio:

Расположение файла настроек в зависимости от вашей платформы, файл настроек пользователя находится здесь:

  • Windows: %APPDATA%\Code\User\settings.json
  • Mac: $HOME/Library/Application Support/Code/User/settings.json
  • Linux: $HOME/.config/Code/User/settings.json Файл настроек рабочей области находится в папке .vscode в вашем проекте.

Более подробную информацию можно найти здесь .

13
Saturn Technologies

Меню ФайлНастройкиНастройки

"editor.formatOnType": true

Когда вы вводите точку с запятой, она будет отформатирована.

8
M Fatih Koca

По умолчанию этот ключ не работал для меня в документах HTML, CSS и JavaScript.

После поиска я нашел популярный плагин JS-CSS-HTML Formatter с 133 796 установками .

После установки просто перезагрузите окна и нажмите Ctrl + Shift + Fи это сработало!

8
mumair

Выделите текст, щелкните правой кнопкой мыши на выделении и выберите опцию "Палитра команд":

Enter image description here

Откроется новое окно. Ищите "формат" и выберите вариант, форматирование которого соответствует требованию.

7
Akhil Ghatiki

В Mac используйте +K а потом +F,.

6
Gopal Devra

Просто установите Visual Studio Keymap от Microsoft. Задача решена. :п

6
Rudy

Если вы хотите настроить стиль format-document, вы должны использовать Beautify расширение.

Обратитесь к этому скриншоту:

img

5
Jerry Ni

Для тех, кто хочет настроить файлы JavaScript для форматирования, вы можете использовать расширение любое в свойстве JSfiles. То же самое относится и к HTML.

{
    "beautify.onSave": true,
    "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
    "beautify.HTMLfiles": ["htm", "html"]
}

Это включит beautify при сохранении для TypeScript, и вы можете добавить XML в опцию HTML.

4
Rick

Сначала вы должны установить соответствующий плагин (например, XML, C # и т.д.).

Форматирование не будет доступно, пока вы не установили соответствующий плагин и не сохранили файл с соответствующим расширением.

4
Nigel Feasey

Простейший способ, которым я пользуюсь в Visual Studio Code (Ubuntu):

Выделите текст, который вы хотите отформатировать с помощью мыши.

Щелкните правой кнопкой мыши и выберите "Выбор формата".

4
Ashutosh Jha

Не этот. Использовать этот:

Меню ФайлНастройкиНастройки рабочего пространства, "editor.formatOnType": true

3
杨恩锋

Код Visual Studio в Linux:

Ctrl + [ для удаления отступа блока кода и

Ctrl + ] сделать массовый отступ

1
Hvitis

Использовать расширение ...

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

Запустите код Visual Studio и Быстрое открытие (Ctrl + P), вставьте следующую команду и нажмите Enter,.

ext установить формат при сохранении

https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save

0
Gyuha Shin