Как структурировать код в Visual Studio Code?
Автоматическое форматирование кода в Visual Studio Code выполняется следующими комбинациями:
- Windows: Shift + Alt + F
- Mac: Shift ⇧ + Option ⌥ + F
- Ubuntu: Ctrl + Shift + I
Отслеживать
7,797 13 13 золотых знаков 25 25 серебряных знаков 55 55 бронзовых знаков
ответ дан 5 фев 2019 в 14:27
26.2k 7 7 золотых знаков 31 31 серебряный знак 48 48 бронзовых знаков
Огромное спасибо , наконец то не надо будет в онлайн форматере работать
6 фев 2019 в 6:58
В дополнении к ответу от @Эникейщик
В настройках можно установить форматирование при сохранении
Что искать в настройках
- Или Editor: Format On Save в графическом интерфейсе
- Или editor.formatOnSave в settings.json
Предупреждение:
Влючайте данную опцию, если вы точно уверены в своих настройках и используемых форматтерах. При сохранении файлы будут изменены. И это может давать побочные эффекты также для git-веток.
Параметры стиля кода
Область применения:
Visual Studio Visual Studio для Mac 
Visual Studio Code
Код стиля параметров каждого проекта можно определить с помощью EDITORCONFIG-файла; для всего кода в Visual Studio можно задать настройки на странице Параметры в текстовом редакторе. Для кода на C# можно также настроить Visual Studio, чтобы применять эти параметры стиля кода с помощью команд Очистка кода (Visual Studio 2019, Visual Studio 2022) и Форматировать документ (Visual Studio 2017).
Этот раздел относится к Visual Studio в Windows. Информацию о Visual Studio для Mac см. в статье Поведение редактора в Visual Studio для Mac.
Стили кода в EDITORCONFIG-файлах
Параметры стиля кода для .NET можно указать, добавив EDITORCONFIG-файл к проекту. EDITORCONFIG-файлы связаны с базой кода, а не с учетной записью персонализации Visual Studio. Параметры в EDITORCONFIG-файле имеют приоритет над параметрами, выбранными в диалоговом окне Параметры. Используйте файл EditorConfig, если вы хотите применить стили кода для всех участников к репозиторию или проекту.
Вы можете вручную отредактировать файл EditorConfig или автоматически создать его в зависимости от установленных в Visual Studio параметров стиля кода в диалоговом окне Параметры. Эта страница параметров доступна в текстовом редакторе> «Параметры> инструментов>» (C# или Basic)> «Стандартный» стиль>кода. Нажмите кнопку Создать EDITORCONFIG-файл из параметров, чтобы автоматически создать EDITORCONFIG-файл стиля кода на основе параметров, которые вы задали на этой странице Параметры.
Вы можете вручную отредактировать файл EditorConfig или автоматически создать его в зависимости от установленных в Visual Studio параметров стиля кода в диалоговом окне Параметры. Эта страница параметров доступна в текстовом редакторе> «Параметры>инструментов>» (C# или Visual Basic)> «Общий стиль>кода». Нажмите кнопку Создать EDITORCONFIG-файл из параметров, чтобы автоматически создать EDITORCONFIG-файл стиля кода на основе параметров, которые вы задали на этой странице Параметры.
Стили кода в диалоговом окне «Параметры»
Параметры стиля кода для проектов C# и Visual Basic можно задать, открыв диалоговое окно Параметры из меню Сервис. В диалоговом окне «Параметры» выберите текстовый редактор> [C# или Visual Basic] >«Общий стиль>кода».
Параметры стиля кода для проектов C# и Visual Basic можно задать, открыв диалоговое окно Параметры из меню Сервис. В диалоговом окне «Параметры» выберите текстовый редактор> [C# или Базовый]> Стиль>кода «Общие».
При выборе для каждого из элементов в списке выводится окно предварительного просмотра:
Параметры, заданные в этом окне, применяются к вашей учетной записи персонализации Visual Studio и не связаны с конкретным проектом или базой кода. Кроме того, они не применяются во время сборки, в том числе в сборках с непрерывной интеграцией (CI). Если вы хотите связать предпочтения к стилю кода со своим проектом и применяете стили во время сборки, укажите такие предпочтения в EDITORCONFIG-файле, связанном с проектом.
Предпочтения и степень серьезности
Для каждого параметра стиля кода на этой странице с помощью раскрывающихся списков в каждой строке можно задать значения для параметров Предпочтение и Серьезность. Для серьезности можно задать значения Только рефакторинг, Предложение, Предупреждение или Ошибка. Если вы хотите включить быстрые действия для стиля кода, убедитесь, что для параметра Серьезность задано значение, отличное от Только рефакторинг. Значок лампочки быстрого действия, лампочки ошибки или отвертки 
появляется при использовании непредпочтительным стилем, и вы можете выбрать параметр в списке быстрых действий, чтобы автоматически переписать код в предпочитаемый стиль.
Принудительное применение стиля кода в сборке
Начиная с Visual Studio 2019 версии 16.8, куда входит пакет SDK для .NET 5.0 RC2, можно применять соглашения о написании кода .NET в сборке для всех проектов .NET. Во время сборки нарушения стиля кода .NET будут отображаться в виде предупреждений или ошибок с префиксом IDE. Это позволяет строго применять единообразные стили кода в базе кода.
Применение стилей кода
Для файлов кода на C# в Visual Studio есть кнопка Очистка кода в нижней части редактора (сочетание клавиш: CTRL+K, CTRL+E) для применения стилей кода из EDITORCONFIG-файла или со страницы параметров стиля кода. Если EDITORCONFIG-файл существует в проекте, его параметры имеют приоритет.
Правила, настроенные с серьезностью Нет, не используются в ходе очистки кода, но могут применяться по отдельности через меню Быстрые действия и рефакторинг.
Во-первых, настройте стили кода, которые необходимо применять (в одном из двух профилей), используя диалоговое окно Настройка очистки кода. Чтобы открыть это диалоговое окно, щелкните стрелку рядом со значком метлы (очистка кода) и выберите команду Настроить очистку кода.
После настройки очистки кода вы можете щелкнуть значок метлы или нажать клавиши Ctrl+K, Ctrl+E, чтобы запустить очистку кода. Вы также можете выполнить очистку кода для всего проекта или решения сразу. Щелкните правой кнопкой мыши имя проекта или решения в обозревателе решений, выберите команду Анализ и очистка кода, а затем — Запустить очистку кода.
Для файлов кода на C# в Visual Studio есть кнопка Очистка кода в нижней части редактора (сочетание клавиш: CTRL+K, CTRL+E) для применения стилей кода из EDITORCONFIG-файла или со страницы параметров стиля кода. Если EDITORCONFIG-файл существует в проекте, его параметры имеют приоритет.
Правила, настроенные с серьезностью Нет, не используются в ходе очистки кода, но могут применяться по отдельности через меню Быстрые действия и рефакторинг.
Во-первых, настройте стили кода, которые необходимо применять (в одном из двух профилей), используя диалоговое окно Настройка очистки кода. Чтобы открыть это диалоговое окно, щелкните стрелку рядом со значком метлы (очистка кода) и выберите команду Настроить очистку кода.
После настройки очистки кода вы можете щелкнуть значок метлы или нажать клавиши Ctrl+K, Ctrl+E, чтобы запустить очистку кода. Вы также можете выполнить очистку кода для всего проекта или решения сразу. Щелкните правой кнопкой мыши имя проекта или решения в обозревателе решений, выберите команду Анализ и очистка кода, а затем — Запустить очистку кода.
Параметры очистки кода
Большинство параметров очистки кода сопоставляется с одним или несколькими стилями кода .NET, поддерживаемыми в editorconfig. Примеры, показывающие эффекты параметров, используйте ссылки в следующей таблице.
| Параметр | Параметр «Идентификатор правила» или «Стиль» |
|---|---|
| Удаление ненужных импортов или использования | IDE0005 |
| Применение параметров заголовка файла | file_header_template |
| Удалить неиспользуемые переменные | IDE0051 |
| Применение параметров создания объектов | visual_basic_style_prefer_simplified_object_creation |
| Применение настроек IsNot | visual_basic_style_prefer_isnot_expression |
| Добавление квалификации «это» или «Я» | IDE0003-IDE0009 |
| Добавить модификаторы доступа | dotnet_style_require_accessibility_modifiers |
| Модификаторы Order | IDE0036 |
| Чтение поля | dotnet_style_readonly_field |
| Удалить лишние операции приведения | IDE0004 |
| Применение параметров инициализации объекта или коллекции) | dotnet_style_object_initializer |
| Применение параметров размещения директив | csharp_using_directive_placement |
| Применение настроек круглых скобок | IDE0047-IDE0048 |
| Применение неиспользуемых настроек значений | IDE0058 |
| Применить настройки типа языка или платформы | IDE0049 |
| Удаление неиспользуемых подавлений | dotnet_remove_unnecessary_suppression_exclusions |
| Применение логического выражения | dotnet_style_prefer_simplified_boolean_expressions |
| Применение параметров интерполяции строк | dotnet_style_prefer_simplified_interpolation |
| Удаление неиспользуемых параметров | dotnet_code_quality_unused_parameters |
| Применение параметров автоматического свойства | dotnet_style_prefer_auto_properties |
| Применение параметров составного назначения | dotnet_style_prefer_compound_assignment |
| Применение параметров выражения объединения | dotnet_style_coalesce_expression |
| Применение параметров условного выражения | dotnet_style_prefer_conditional_expression_over_assignment dotnet_style_prefer_conditional_expression_over_return |
| Применение параметров имени кортежа | dotnet_style_explicit_tuple_names dotnet_style_prefer_inferred_tuple_names |
| Применение параметров имен участников анонимного типа | dotnet_style_prefer_inferred_anonymous_type_member_names |
| Применение параметров проверка null | dotnet_style_prefer_is_null_проверка_over_reference_equality_method |
| Применение параметров распространения NULL | dotnet_style_null_propagation |
| Применение настроек var | IDE0007-IDE0008 |
| Добавление обязательных фигурных скобок для операторов управления с одной строкой | csharp_prefer_braces |
| Применить настройки тела выражения или блока | Элементы, воплощающие выражение |
| Применить настройки встроенных выходных переменных | csharp_style_inlined_variable_declaration |
| Применение параметров сопоставления шаблонов | Параметры сопоставления шаблонов |
| Применение параметров вызова условного делегата | csharp_style_conditional_delegate_call |
| Применение настроек статической локальной функции | csharp_prefer_static_local_function |
| Применение параметров деконструкция | csharp_style_deconstructed_variable_declaration |
| Применение параметров по умолчанию (T) | csharp_prefer_simple_default_expression |
| Применение параметров new() | csharp_style_implicit_object_creation_when_type_is_apparent |
| Применение параметров диапазона | csharp_style_prefer_range_operator |
| Применение локальных параметров анонимной функции | csharp_style_pattern_local_over_anonymous_function |
| Применение параметров NULL | Параметры проверки NULL |
| Применение параметров инструкции using | csharp_prefer_simple_using_statement |
| Применение параметров выражения throw | csharp_style_throw_expression |
Если вы хотите, чтобы параметры стиля кода применялись каждый раз при сохранении файла, перейдите в раздел> «Параметры очистки кода»>и выберите «Выполнить профиль очистки кода» при сохранении.
Если вы хотите применять параметры стиля кода при каждом сохранении файла, вам может подойти расширение для очистки кода при сохранении.
Связанный контент
- Быстрые действия
- Параметры соглашений о написании кода .NET в EditorConfig
- Поведение редактора (Visual Studio для Mac)
Как сделать отступ / форматировать выделенный код в visual studio code?
Привет, Как сделать отступ в строках, форматировать теги? Курс HTML/CSS ADVANCED. В уроке 37 говорятся про корректность кода / форматирование, но как это сделать, не сказали.
Заранее благодарю.
С уважением,
student_rcod7d6t
2 ответов
Нужно выделить в Visual Studio Code участок кода который нужно отформатировать, потом нажать правой кнопкой мыши по выделенному участку и в этом меню выбрать Format Selection. Или можно весь документ отформатировать, для этого тоже самое сделать и выбрать Format Document.
Нужно нажимать на tab при каждом новом уровне вложенности, например:
EXAMPLE Sign up or Log in to write an answer
- Интерактивные уроки и курсы программирования и создания сайтов (дистанционное обучение) помогут вам в игровой форме изучить основы языков программирования веб-разработки и веб-программирования с нуля. Обучение онлайн 24/7.
Общие ссылки
- Отзывы
- Политика конфидециальности
- Условия использования
- Блог
- Цена и оплата
- Курсы и скринкасты
- Сертификаты
- Партнерская программа
- Комьюнити
Наши курсы и скринкасты
- HTML/CSS Advanced
- Bootstrap 4
- Vue JS
- Linux, GIT and web-hosting
- HTML and CSS
- Modern Javascript
- Javascript/jQuery
- Codeigniter
- Все курсы и скринкасты
VS Code, интерактивная среда: форматирование кода
Мой перевод с английского (оригинал можно открыть с помощью пункта из главного меню редактора «Справка – Интерактивная среда редактора»):
Форматирование кода
Поддержание красивого внешнего вида вашего кода является непростой задачей без хорошей программы-форматировщика. К счастью, в редакторе «VS Code» можно легко форматировать код либо с помощью комбинации клавиш « Shift+Alt+F » (действует на весь код в текущем файле), либо с помощью комбинации клавиш « Ctrl+K Ctrl+F » (действует только на код, входящий в текущее выделение). Оба эти варианта также доступны через контекстное меню, вызываемое щелчком правой кнопки мыши (пункт «Форматировать документ», если щелкнуть в любое место кода, и пункт «Форматировать выделенный фрагмент», если щелкнуть на выделение).
В этом месте на странице интерактивной среды встроено окно редактора с кодом на языке JavaScript. С ним можно поэкспериментировать. Вот картинка-иллюстрация:
Подсказка. Дополнительные форматировщики доступны в галерее (магазине) расширений. Поддержка форматирования также может быть настроена через параметры редактора, например, можно включить (по умолчанию он выключен) параметр « editor.formatOnSave » (форматирование файла при сохранении).
(Конец перевода.)
Нужно понимать, что для кода на разных языках программирования (языках разметки и других языках) требуются форматировщики, действующие по разным правилам. Ведь формат кода зависит от синтаксиса языка.
Что подразумевают под форматом (оформлением) кода? Там много разных вещей, но лично у меня чаще всего при просмотре чужого кода возникает желание изменить длину отступов (вообще их убрать или добавить там, где их нет), изменить число пробельных символов между значимыми кусочками выражений или в конце выражений (где-то сократить до одного или до нуля, где-то добавить, если их нет, и тому подобное).
Нужно иметь в виду, что в некоторых языках отступы (или число пробельных символов) используются не в декоративной роли, а влияют на смысл кода (например, в языке написания шаблонов «Pug»).
В коде, данном в интерактивной среде (см. иллюстрацию выше) для экспериментов, можно посчитать условно «некрасивым» (у всех разные вкусы, кто-то может посчитать, что это, наоборот, красиво и правильно) отсутствие пробела между круглой и фигурной скобками в выражении «for». Нажмем комбинацию клавиш «Shift+Alt+F» и встроенный в редактор форматировщик автоматически добавит в том месте пробел. В ходе экспериментов я убирал и добавлял в разных местах отступы и пробельные символы.
Возможно, кого-то могут смутить маленькие рисунки автомобилей в заданном коде. На самом деле, так выглядят некоторые символы (эмодзи) в Юникоде. В Юникоде есть целые разделы с такими символами. Например, символы из кода в примере содержатся в следующем разделе Юникода:
Это символы U+1F697 (automobile), U+1F699 (recreational vehicle), U+1F695 (taxi). Обычно программисты стараются в коде такие символы не использовать, потому что не все шрифты их поддерживают (те, которые не поддерживают, вместо рисунка будут выдавать квадратик, ромбик с вопросом или еще какой-нибудь подобный служебный символ).