как отформатировать код в visual studio 2019
Параметры стиля кода
Код стиля параметров каждого проекта можно определить с помощью EDITORCONFIG-файла; для всего кода в Visual Studio можно задать настройки на странице Параметры в текстовом редакторе. Для кода на C# можно также настроить Visual Studio, чтобы применять эти параметры стиля кода с помощью команд Очистка кода (Visual Studio 2019) и Форматировать документ (Visual Studio 2017).
Этот раздел относится к Visual Studio в Windows. Информацию о Visual Studio для Mac см. в статье Поведение редактора в Visual Studio для Mac.
Стили кода в EDITORCONFIG-файлах
Вы можете вручную отредактировать файл EditorConfig или автоматически создать его в зависимости от установленных в Visual Studio параметров стиля кода в диалоговом окне Параметры. Страница «Параметры» находится в разделе Сервис > Параметры > Текстовый редактор > [C# или Basic] > Стиль кода > Общие. Нажмите кнопку Создать EDITORCONFIG-файл из параметров, чтобы автоматически создать EDITORCONFIG-файл стиля кода на основе параметров, которые вы задали на этой странице Параметры.
Стили кода в диалоговом окне «Параметры»
Параметры стиля кода для проектов C# и Visual Basic можно задать, открыв диалоговое окно Параметры из меню Сервис. В диалоговом окне Параметры выберите Текстовый редактор > [C# или Basic] > Стиль кода > Общие.
При выборе для каждого из элементов в списке выводится окно предварительного просмотра:
Параметры, заданные в этом окне, применяются к вашей учетной записи персонализации Visual Studio и не связаны с конкретным проектом или базой кода. Кроме того, они не применяются во время сборки, в том числе в сборках с непрерывной интеграцией (CI). Если вы хотите связать предпочтения к стилю кода со своим проектом и применяете стили во время сборки, укажите такие предпочтения в EDITORCONFIG-файле, связанном с проектом.
Предпочтения и степень серьезности
Для каждого параметра стиля кода на этой странице с помощью раскрывающихся списков в каждой строке можно задать значения для параметров Предпочтение и Серьезность. Для серьезности можно задать значения Только рефакторинг, Предложение, Предупреждение или Ошибка. Если вы хотите включить быстрые действия для стиля кода, убедитесь, что для параметра Серьезность задано значение, отличное от Только рефакторинг. Значок лампочки для быстрых действий 
, значок лампочки для ошибок 
или значок отвертки 
отображается при использовании альтернативного стиля. Вы можете выбрать нужный вариант в списке быстрых действий для автоматического повторного создания кода в предпочитаемом стиле.
Принудительное применение стиля кода в сборке
Применение стилей кода
Вы можете настроить команду Форматировать документ (Правка > Дополнительно > Форматировать документ) для применения параметров стиля кода (из EDITORCONFIG-файла или параметров стиля кода) вместе с регулярным форматированием (например, отступами). Если EDITORCONFIG-файл существует в проекте, его параметры имеют приоритет.
Применение стилей кода с помощью команды Форматировать документ доступно только для файлов кода на C#. Это экспериментальная функция.
Вы можете выбрать, какие параметры команда Форматировать документ будет применять, на странице параметров форматирования.
Правила, настроенные с серьезностью Нет, не используются в ходе очистки кода, но могут применяться по отдельности через меню Быстрые действия и рефакторинг.
При первом запуске команды Форматировать документ вам следует настроить параметры очистки кода на желтой информационной панели.
Для файлов кода на C# в Visual Studio 2019 есть кнопка Очистка кода в нижней части редактора (на клавиатуре: CTRL+K, CTRL+E) для применения стилей кода из EDITORCONFIG-файла или со страницы параметров стиля кода. Если EDITORCONFIG-файл существует в проекте, его параметры имеют приоритет.
Правила, настроенные с серьезностью Нет, не используются в ходе очистки кода, но могут применяться по отдельности через меню Быстрые действия и рефакторинг.
Во-первых, настройте стили кода, которые необходимо применять (в одном из двух профилей), используя диалоговое окно Настройка очистки кода. Чтобы открыть это диалоговое окно, щелкните стрелку рядом со значком метлы (очистка кода) и выберите команду Настроить очистку кода.
После настройки очистки кода вы можете щелкнуть значок метлы или нажать клавиши Ctrl+K, Ctrl+E, чтобы запустить очистку кода. Вы также можете выполнить очистку кода для всего проекта или решения сразу. Щелкните правой кнопкой мыши имя проекта или решения в обозревателе решений, выберите команду Анализ и очистка кода, а затем — Запустить очистку кода.
Если вы хотите применять параметры стиля кода при каждом сохранении файла, вам может подойти расширение для очистки кода при сохранении.
«Параметры», «Текстовый редактор», C/C++, «Форматирование»
Используйте страницы свойств, чтобы изменять поведение по умолчанию редактора кода при написании программ на языках C и C++.
Чтобы открыть эту страницу, в диалоговом окне Параметры в левой области разверните Текстовый редактор, C/C++ и щелкните Форматирование.
Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в следующих инструкциях. Это зависит от имеющегося выпуска Visual Studio и используемых параметров. Дополнительные сведения см. в разделе Персонализация интегрированной среды разработки Visual Studio.
Страница «Общие»
Эта страница содержит параметры для форматирования операторов и блоков при их вводе.
Visual Studio 2017 версии 15.7 и выше:
Настройка параметров ClangFormat
Visual Studio 2017 версии 15.7 и выше:
По умолчанию Visual Studio выполняет clangformat.exe в фоновом режиме, применяя форматирование по мере ввода. Можно также указать, чтобы эта программа запускалась только для вызываемых вручную команд форматирования Форматировать документ (CTRL+K, CTRL+D) или Форматировать выбранный фрагмент (CTRL+K, CTRL+F).
Страницы «Отступ», «Новые строки», «Spacing Wrapping» (Перенос пробелов)
Эти страницы позволяют использовать различные настройки форматирования, но игнорируются, если включен ClangFormat.
Форматирование кода с помощью Prettier в Visual Studio Code
Published on November 2, 2020
Введение
Согласованное форматирование кода — сложная задача, но современные инструменты разработчиков позволяют автоматически обеспечивать согласованность базы кода вашей команды.
В этой статье мы настроим Prettier для автоматического форматирования кода в Visual Studio Code или VS Code.
Для демонстрации мы будем форматировать следующий код:
Если вы знакомы с форматированием кода, вы можете заметить некоторые упущения:
Предварительные требования
Для прохождения этого учебного модуля вам нужно будет загрузить и установить Visual Studio Code.
Шаг 1 — Использование команды форматирования документа
После установки расширения Prettier вы можете использовать его для форматирования вашего кода. Для начала выполним обзор, используя команду Format Document. Эта команда сделает ваш код более согласованным с отформатированными пробелами, переносами строк и кавычками.
Чтобы открыть палитру команд, вы можете использовать COMMAND + SHIFT + P в macOS или CTRL + SHIFT + P в Windows.
Выполните в палитре команд поиск по ключевому слову format и выберите Format Document.
Возможно, вам будет предложено выбрать формат для использования. Для этого нажмите кнопку Configure:
Теперь ваш код отформатирован с пробелами, переносами строк и единообразными кавычками:
Это работает и для файлов CSS. Вы можете превращать код с несогласованными отступами, скобками, разрывами строк и точками с запятой в хорошо отформатированный код. Например:
Будет переформатирован как:
Мы изучили эту команду, и теперь посмотрим, как можно реализовать ее автоматическое выполнение.
Шаг 2 — Форматирование кода при сохранении
До сих пор вам нужно было вручную запускать команды для форматирования кода. Чтобы автоматизировать этот процесс, вы можете выбрать в VS Code настройку, чтобы ваши файлы автоматически форматировались при сохранении. Это также гарантирует, что неформатированный код не попадет в систему контроля версий.
Чтобы изменить эту настройку, нажмите COMMAND + в macOS или CTRL + в Windows, чтобы открыть меню Settings (Настройки). Выполните в меню поиск Editor: Format On Save и убедитесь, что эта опция включена:
Теперь вы можете писать код как обычно, и он будет автоматически форматироваться при сохранении файла.
Шаг 3 — Изменение параметров конфигурации Prettier
Prettier выполняет много действий по умолчанию, но вы также можете внести индивидуальные изменения в его настройки.
Откройте меню Settings (Настройки). Выполните поиск Prettier. Вы увидите список всех параметров, которые вы можете изменить:
Вот несколько наиболее распространенных параметров:
Недостаток использования меню встроенных параметров VS Code заключается в том, что при этом не обеспечивается согласованность между разработчиками в вашей команде.
Шаг 4 — Создание файла конфигурации Prettier
Если вы измените настройки VS Code, у другого разработчика может оказаться совершенно иная конфигурация. Вы можете обеспечить единство форматирования в своей команде, создав файл конфигурации для вашего проекта.
Вот пример простого файла конфигурации в формате JSON:
Более конкретную информацию о файлах конфигурации можно найти в документации по Prettier. После создания такого файла и его добавления в проект вы можете быть уверены, что все члены команды используют одинаковые правила форматирования.
Заключение
Иметь согласованный код — очень хорошая практика. Это особенно полезно при работе над проектом с несколькими участниками. Согласование конфигурации делает код более удобочитаемым и понятным. Это позволяет уделить больше времени решению технических проблем, а не тратить время на исправление отступов.
Prettier обеспечивает согласованность форматирования кода и позволяет автоматизировать этот процесс.
«Параметры», «Текстовый редактор», «HTML (веб-формы)», «Форматирование»
Чтобы задать в параметрах HTML-проекта форматирование кода в редакторе, перейдите на страницу Форматирование. Чтобы открыть эту страницу, выберите в строке меню Инструменты > Параметры, затем перейдите к разделу Текстовый редактор > HTML (веб-формы) > Форматирование.
Регистр букв
Когда выбраны эти параметры, редакторы XML и режима исходного кода при первом создании элементов и во время их автоматического форматирования применяют к именам элементов и атрибутов стандартный формат регистра. Параметр Применение автоматического форматирования позволяет определить, когда нужно выполнять автоматическое форматирование.
В XML учитывается регистр. Установка регистра по умолчанию может повлиять на работу средств синтаксического анализа XML.
Список элементов пользовательского интерфейса
Тег сервера, атрибуты сервера
Эти параметры отвечают за использование заглавных букв в разметке для серверных веб-элементов управления.
| Параметр | Результат |
|---|---|
| Оставить как введено | Регистр букв элемента остается таким же, как при вводе. |
| Прописные буквы | Имена элементов преобразуются в верхний регистр. |
| Строчные буквы | Имена элементов преобразуются в нижний регистр. |
| Определение сборки | Регистр букв элемента определяется в зависимости о того, как элемент был задан в классе соответствующего типа. |
Тег клиента, атрибуты клиента
Эти параметры позволяют автоматически преобразовывать имена атрибутов и свойств HTML в верхний или нижний регистр либо сохранить их в исходном виде.
| Параметр | Результат |
|---|---|
| Оставить как введено | Регистр букв атрибута остается таким же, как при вводе. |
| Прописные буквы | Имена атрибутов записываются прописными буквами. |
| Строчные буквы | Имена атрибутов записываются строчными буквами. |
Параметры автоматического форматирования
Эти параметры отвечают за удаление или добавление редактором в режиме исходного кода физических разрывов строк во время автоматического форматирования и определяют, нужно ли заключать атрибуты в кавычки.
Эти параметры не изменяют пробелы внутри XML-разметки.
Список элементов пользовательского интерфейса
Вставлять кавычки для значений атрибутов при вводе
Если выбран этот параметр, редактор автоматически заключает атрибуты в кавычки при вводе (например, ). Разработчики, предпочитающие вставлять кавычки в разметку вручную, могут снять этот флажок.
Независимо от того, выбран этот параметр или нет, все существующие кавычки в разметке сохраняются; кавычки никогда не удаляются.
Вставлять кавычки для значений атрибутов при форматировании
Когда этот параметр выбран, значения атрибутов заключаются в кавычки при автоматическом форматировании (например, ).
Независимо от того, выбран этот параметр или нет, сохраняются все существующие кавычки в разметке.
Автоматически вставлять закрывающий тег
Если выбран этот параметр, редактор автоматически создает закрывающий тег (например, ), когда закрывается открывающий тег.
Перенос тегов
Эти параметры определяют, разбивает ли редактор теги на строки, если они превышают определенную длину.
Список элементов пользовательского интерфейса
Переносить теги при превышении указанной длины
Когда выбран этот параметр, редактор разбивает теги на строки, если тег превышает длину, указанную в текстовом поле Длина. Это происходит только при форматировании, а не при вводе нового тега.
Указанное значение используется как минимальное. Редактор не разделяет отдельные атрибуты.
Длина
Задает число символов для отображения в строке перед переносом. Это поле неактивно, если не установлен флажок Переносить теги при превышении указанной длины.
Параметры для тегов
Если выбрать этот параметр, отображается диалоговое окно Параметры для тегов, в котором можно установить параметры форматирования для отдельных тегов или групп тегов.
Как вы автоматически форматируете код в Visual Studio?
Я знаю, что Visual Studio может автоматически форматировать, чтобы мои методы и циклы имели отступ, но я не могу найти настройки.
Примечание для OSX
На OSX используйте CMD ⌘ ключ не Ctrl :
Для Visual Studio 2010/2013/2015/2017
Ваши ярлыки могут отображаться иначе, чем мои, так как я настроен на кодирование на C #, но навигация по панели инструментов приведет вас к вашим.
Если это не работает, поищите ошибки в своем коде, например пропущенные скобки, которые мешают работе автоматического форматирования
Следуйте инструкциям ниже:
Смотрите изображение ниже:
А затем просто перейдите в «Онлайн» на левой панели и найдите «Формат документа при сохранении». 
Я надеюсь, что это помогает!.
Несмотря на то, что вопрос немного устарел, кому-то это может пригодиться.
На маке: Shift + Option + F
На убунту: Ctrl + Shift + I
При отображении панели инструментов редактирования исходного кода HTML также есть кнопка «Форматировать весь документ».
В случае VS2012 ярлыки:
Я использовал эти комбинации. Я автоматизировал этот процесс при сохранении документа. Вы можете попробовать мое расширение Format Document при сохранении
Нажмите на Add Command кнопку.
Категории: Редактировать
Команды: Формат документа
Нажмите OK
Нет необходимости нажатия клавиш.
Затем вы просто выбираете текст и нажимаете кнопки «Увеличить отступ» или «Уменьшить отступ». Я проверял это только в Visual Studio 2013.
Щелкните правой кнопкой мыши:
Работает в VS 2015, возможно, более ранней версии.
В первоначальном вопросе говорилось: «Я не могу найти настройки».
Простой ответ: посмотрите на верхнее меню, затем
Вы также увидите текущие назначенные нажатия клавиш для этой функции. Ничего особенного, чтобы запомнить. Это действительно помогает, если вы используете несколько сред разработки в разных операционных системах.
Выберите данные и щелкните правой кнопкой мыши, и вы найдете эту опцию. ФОРМАТ ДОКУМЕНТОВ И ВЫБОР ФОРМАТОВ
В более новых версиях ярлык для форматирования всего документа: Shift + Alt + F
В VS 2019 «Очистка кода» (RunDefaultCodeCleanup) более продвинута (взято из ReSharper): Ctrl + K, Ctrl + E
Настройка автоматического форматирования в Visual studio 
Просто для дальнейшего ответа Starwfanatic и Ewan выше. Вы можете настроить свою среду IDE для добавления любой кнопки на любую панель инструментов, чтобы можно было добавить кнопку «Формат» (как на панели инструментов «Редактирование исходного кода HTML») на любую другую панель инструментов (например, «Редактирование текста» со всеми другими элементами редактирования, такими как увеличение / уменьшение отступа).
Формат документа и формат выбор оба под редактированием группы.