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

Контекстное Форматирование Кода:

VSCode на Windows -Shift + Alt + F

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

VSCode на Ubuntu -Ctrl + Shift + Я

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

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

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

Если вы хотите автоматически форматировать содержимое при сохранении, добавьте этот фрагмент кода ниже в настройках рабочего пространства visual studio code.

File -- > Preferences --> Workspace Settings

{
   // 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
• typescript
• 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 внутренне, но ему не хватает возможности изменить стиль, который вы хотите использовать. Расширение "украсить" позволяет добавлять настройки

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

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

Для 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

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

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

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

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

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

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

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

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

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

итоги

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

Как Это Сделать?

1. на: File -- > Preferences --> Workspace Settings

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

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

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

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

итоги

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

как Чтобы?

1. на: File -- > Preferences --> User Settings

2. добавить или изменить значение "editor.formatOnType": false до "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.

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

Шаг1. нажмите на вид в верхней строке меню, затем нажмите на команду Pallete.

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

shift+alt+f

File - > Preferences - > Settings

"editor.formatOnType": true

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

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

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

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

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

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

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

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

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

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

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

не использовать это: File -- > Preferences --> Workspace Settings "редактор.formatOnType": true

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

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

Это позволит украсить на Сохранить для 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+[ чтобы отменить отступ блока кода и

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