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

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

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

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

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

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

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

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

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

Или Visual Studio, как:

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

1. Щелкните правой кнопкой мыши файл
2. Выберите « Формат документа» в меню:
   • Окна: Alt Shift F
   • Linux: Alt Shift I
   • MacOS: ⌥ ⇧ F

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

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

В Linux это Ctrl+ Shift+ I.

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

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

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

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

"editor.formatOnSave": true

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

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

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

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

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

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

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

"editor.formatOnType": true

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

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

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

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

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

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

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

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

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

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

   

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

   Shift+ Alt+F

   

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

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

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

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

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

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

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

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

Льготы

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

Результаты

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

Как?

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

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

   

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

Льготы

• Не требует расширения
• Личная среда разработки настраивает их всех (настройки :))

Результаты

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

Как?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Код Visual Studio в Linux:

Ctrl+ [к неиспользуемому блоку кода и

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