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

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

ОТВЕТЫ

Ответ 1

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

  • В Windows Shift + Alt + F
  • На Mac Shift + Option + F
  • В Ubuntu Ctrl + Shift + I

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

Ответ 2

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

Код Visual Studio в 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. Проверьте мое обновление.

Ответ 3

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

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

Или Visual Studio, как:

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

Ответ 4

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

Enter image description here

Ответ 5

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

Ответ 6

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

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

Ответ 7

Для Fedora

  1. Нажмите File → Preferences → Keyboard shortcuts.
  2. В разделе " Default Keyboard Shortcuts найдите (Ctrl + F) editor.action.format.

Мой читал "key": "ctrl+shift+i"

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

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

{ "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. Появится всплывающее окно. Нажмите нужную комбинацию клавиш и нажмите ввод.

Ответ 8

В Linux это Ctrl + Shift + I.

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

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

Ответ 9

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

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

"editor.formatOnSave": true

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

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

Только выбор формата: Ctrl + K, Ctrl + F

Ответ 10

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

Ответ 11

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

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

Ответ 12

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

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

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

Enter image description here

Ответ 13

Shift + Alt + F отлично справляются со своей задачей в 1.17.2 и выше.

Ответ 14

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

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

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

  1. Нажмите "Вид" в верхней строке меню, а затем нажмите "Палитра команд".

    Enter image description here

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

    Shift + Alt + F

    Enter image description here

Ответ 15

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

Ответ 16

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

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

Ответ 17

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

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

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

Ответ 18

Файл меню & rarr; Настройки & rarr; Настройки

"editor.formatOnType": true

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

В качестве альтернативы вы также можете использовать "editor.formatOnSave": true.

Ответ 19

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

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

Выгоды

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

Результаты

  • .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 Файл $HOME/.config/Code/User/settings.json рабочей области находится в папке .vscode в вашем проекте.

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

Ответ 20

В ключевых привязках существует формат Shift + Alt + f
но для С++ он не работает (как и 16 мая), поэтому теперь переключился на net beans.

Ответ 21

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

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

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

Ответ 22

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

Enter image description here

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

Ответ 23

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

Ответ 24

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

Ответ 25

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

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

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

Ответ 26

Если вы хотите настроить стиль форматированного документа, вы должны использовать расширение Украсить.

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

img

Ответ 27

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

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

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

Ответ 28

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

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

Ответ 29

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

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

Ответ 30

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

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

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

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

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