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

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

VSCode в Windows -Shift + Alt + F

VSCode на MacOS -Shift + опции + F

VSCode на Ubuntu -Ctrl + Shift + Я

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

Форматирование Кода Сохранение файла:

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 formate any files based on 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" }

правильная комбинация клавиш - shift+alt+f

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

• xml (они удалено слишком много ошибок)
• HTML-код
• json
• в JavaScript
• машинопись
• c#

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

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

"editor.formatOnSave": true

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

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

выбор формата только: CtrlK + CtrlF

В Linux Ctrl + Shift + Я. На Windows Alt + Shift + F. Протестировано с HTML / CSS / JS и VsCode 1.18.0.

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

1. щелкните правой кнопкой мыши на файл
2. Выберите Формат Документа (Alt + shift + f) из меню.

на ubuntu это Ctrl + Shift + Я

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

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

Почему-то Alt + Shift + F не работал для меня на Mac VSC 1.3.1, на самом деле команда "формат документа" вообще не работала. Но командный формат работал очень хорошо.

Так что вы можете использовать команда + Shift + P и введите форматирования или сделать свой собственный ярлык в настройках / сочетания клавиш команда + K команда + S затем введите Formatter и добавьте ярлык см. Пример:

Для 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 ключ только для Macs. Для Windows и Fedora (клавиатура Windows) используйте Ctrl

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

В Коде Visual Studio, Shift+Alt+F делает Ctrl+K+D выполняется в Visual Studio.

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

вы всегда можете проверить клавиш в меню:
Code -> Preferences -> Keyboard Shortcuts и фильтровать по ключевому слову "format".

ярлык формата в C# не работал для меня, пока я не установил Mono на Mac OS X, DNVM и DNX. Прежде чем я установил Mono, ярлык автоматического формата (Shift + Alt + F ) работала только в .json файлы.

при изменении поведения по умолчанию для кода Visual Studio требуется расширение, вы можете переопределить поведение по умолчанию в рабочей области или на уровне пользователя и работает для большинства поддерживаемых языков (я могу гарантировать html, javascript, c#)

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

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

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

итоги

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

Как?

1. на: Файл -- > Настройки -- > Настройки Рабочего Пространства

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

уровень пользователя

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

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

итоги

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

как Чтобы?

1. на: Файл --> Настройки --> Настройки

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

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

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

Windows %APPDATA%\Code\User\settings.формат JSON Мак $HOME/библиотека/поддержка приложений/код/пользователь/настройки.JSON в Линукс $ДОМАШНИЙ./config/Code/User/settings.JSON файл настроек рабочей области расположенный под .папка vscode в вашем проекте.

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

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

просто следуйте скриншоты.

step1. нажмите " Вид "в верхней строке меню, затем нажмите "Command Pallete".

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

shift+alt+f

-1 - > Настройки -> Настройки

"editor.formatOnType": true

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

просто установить Visual Studio Keymap компания Microsoft. Проблема Решена. : p

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

откроется новое окно, найдите "формат" и выберите опцию, которая имеет форматирование в соответствии с требованием.

по умолчанию этот ключ не работал для меня на HTML, CSS, JS-документе.

после поиска я нашел этот популярный плагин форматер JS-CSS-HTML С 133,796 устанавливает после установки просто перезагрузите Windows и нажмите CTRL + SHIFT + F и это сработало!

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

сначала необходимо установить соответствующий плагин (например, XML, C# и т. д.). Форматирование будет доступно только после установки соответствующего плагина и сохранения файла с соответствующим расширением.

самый простой способ, который я использую в vscode (ubuntu):

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

Right click и выбрать "format selection"

не использовать это: Файл --> Настройки --> Настройки Рабочего Пространства "редактор.formatOnType": true

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

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

Это позволит украсить на save for TypeScript, вы можете добавить в XML к опции HTML.

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

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

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

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

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

ext install format-on-save

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

Код Visual Studio LINUX:

Ctrl+[ для unindent блока кода и

Ctrl+] сделать массовое вдавливание