Автоформатирование vs code

03.09.202203.09.2022 admin 0 Comments

Автоформатирование vs code

Как автоматически форматировать код в VS Code

Ссылки на устройства

Если вы думаете об обучении кодированию или уже пишете его каждый день, надежный редактор кода, такой как Visual Studio Code, является обязательным. Когда вы пишете код, вы должны думать о форматировании, так как людям будет легче его читать.

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

Вот почему VS Code позволяет вам использовать расширения автоматического форматирования, которые могут помочь вам в пути. Некоторые расширения автоматического форматирования могут форматировать более одного языка программирования, в то время как вам потребуется интегрировать специализированные расширения для других.

Как автоматически форматировать HTML

Язык гипертекстовой разметки или HTML — это язык кодирования, используемый для создания и отображения веб-страниц. Веб-разработчики и инженеры-программисты используют HTML каждый день и могут извлечь выгоду из инструмента автоматического форматирования.

Если вы предпочитаете редактор кода VS Code, вот как вы можете найти Prettier, популярный форматировщик кода, и включите функцию автоматического форматирования.

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

Prettier должен автоматически форматировать HTML-файлы по мере их сохранения.

Автоматический формат JSON

Обозначение объектов JavaScript или JSON классифицируется как независимый от языка формат обмена данными. Мобильные приложения и компьютерные программы используют файлы JSON для чтения данных с серверов и отображения их на экране.

Когда вы создаете файл JSON в редакторе кода Visual Studio, вам также необходимо помнить о форматировании. Хорошей новостью является то, что вы можете использовать расширения Prettier formatter в VS Code для обеспечения согласованного стиля файлов JSON.

Вот все, что вам нужно сделать, чтобы включить функцию автоматического форматирования для Файлы JSON.

Если установлен модуль форматирования Prettier, убедитесь, что функция автоматического форматирования выполните следующие действия.

На этом все. Расширение Prettier в редакторе VS Code упрощает автоматическое форматирование.

Автоформат Python

В наши дни Python является одним из самых популярных языков программирования и широко используется веб-разработчиками и энтузиастами программирования. Он используется для проектирования и создания программного обеспечения и веб-сайтов, анализа данных, автоматизации задач и многого другого.

Если вы используете VS Code для редактирования файла Python, вам потребуется использовать правильный модуль форматирования. Хотя Prettier работает со многими языками программирования, он несовместим с Python.

К счастью, VS Code предлагает решение. Одним из лучших средств форматирования Python в VS Code является Black, и его можно использовать для форматирования кода всякий раз, когда вы автоматически сохраняете файл. Однако перед использованием Black вам необходимо загрузить расширение Microsoft Python для VS Code:

Черный, средство форматирования Python теперь будет автоматически форматировать код при каждом сохранении файла.

Автоматическое форматирование VS Code при сохранении

Вы можете включить функцию автоматического форматирования независимо от того, какой язык программирования или средство форматирования кода вы используете в VS Code.

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

Вот как это работает.

Вы можете повторить этот процесс для каждого средства форматирования кода, которое вы используете в VS Code.

Часто задаваемые вопросы

Почему автоматически “Форматировать при сохранении” не работает?

Если у вас есть параметр “Форматировать при сохранении” вариант в средстве форматирования VS Code, и он работает неправильно, скорее всего, вы имеете дело с ошибкой.

Возможно, в вашей версии форматтера возникли проблемы, и вам нужно проверить, доступно ли обновление. Однако проблема может быть не на вашей стороне, и сбой будет устранен разработчиками VS Code.

Как отключить автоматическое форматирование в VS Code?

Отключить функцию автоматического форматирования очень просто. Выполните следующие действия, чтобы отключить автоматическое форматирование.

1. Откройте редактор VS Code и щелкните значок “Настройки” значок.

2. Найдите “Formatter” и выберите средство форматирования, для которого вы хотите отключить автоматическое форматирование.

3. Найдите “Редактор: форматировать при сохранении” и снимите флажок рядом с ним.

Автоматическое форматирование кода в Visual Studio Code

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

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

Но это хорошо Новости заключаются в том, что в редакторе VS Code есть множество средств форматирования кода, которые упрощают и ускоряют написание читаемого кода.

Будь то расширение Prettier, Black или любое другое, у пользователей всегда есть возможность автоматически форматировать код в тот момент, когда они сохраняют файл.

Какой язык программирования вы используете и какой форматировщик работает лучше всего? Дайте нам знать в разделе комментариев ниже.

«Параметры», «Текстовый редактор», C/C++, «Форматирование»

Используйте страницы свойств, чтобы изменять поведение по умолчанию редактора кода при написании программ на языках C и C++.

Чтобы открыть эту страницу, в диалоговом окне Параметры в левой области разверните Текстовый редактор, C/C++ и щелкните Форматирование.

Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в следующих инструкциях. Это зависит от имеющегося выпуска Visual Studio и используемых параметров. Дополнительные сведения см. в разделе Персонализация интегрированной среды разработки Visual Studio.

Страница «Общие»

Эта страница содержит параметры для форматирования операторов и блоков при их вводе.

Настройка параметров ClangFormat

По умолчанию Visual Studio выполняет clangformat.exe в фоновом режиме, применяя форматирование по мере ввода. Можно также указать, чтобы эта программа запускалась только для вызываемых вручную команд форматирования Форматировать документ (CTRL+K, CTRL+D) или Форматировать выбранный фрагмент (CTRL+K, CTRL+F).

Страницы «Отступ», «Новые строки», «Интервал», «Перенос»

Эти страницы позволяют использовать различные настройки форматирования, но игнорируются, если включен ClangFormat.

Диалоговое окно «Параметры»: Текстовый редактор > JavaScript > Форматирование

Используйте страницу Форматирование диалогового окна Параметры для задания параметров форматирования для кода в редакторе кода. Чтобы открыть эту страницу, выберите в строке меню Сервис>Параметры, затем разверните Текстовый редактор>JavaScript/TypeScript>Форматирование.

Отображаемые на компьютере имена или расположения некоторых элементов пользовательского интерфейса Visual Studio могут отличаться от указанных в этой статье. Возможно, вы используете другой выпуск Visual Studio или другие параметры среды. Дополнительные сведения см. в разделе Персонализация среды IDE.

Автоматическое форматирование

Эти параметры определяют условия, при которых выполняется форматирование в представлении Источник.

Список элементов пользовательского интерфейса

Параметр	Описание
Форматировать завершенную строку по нажатию клавиши ВВОД	Если этот параметр выбран, редактор кода автоматически форматирует строку при нажатии клавиши ВВОД.
Форматировать завершенный оператор по вводу ;	Если этот параметр выбран, редактор кода автоматически форматирует строку при нажатии клавиши с точкой с запятой.
Форматировать открытый блок по вводу <	Если этот параметр выбран, редактор кода автоматически форматирует строку при нажатии клавиши с открывающей фигурной скобкой.
Форматировать завершенный блок по вводу >	Если этот параметр выбран, редактор кода автоматически форматирует строку при нажатии клавиши с закрывающей фигурной скобкой.
Форматировать по операции вставки	Если этот параметр выбран, редактор кода выполняет повторное форматирование кода при вставке его в редактор. Редактор использует текущие определенные правила форматирования. Если этот параметр не выбран, редактор использует исходное форматирование вставленного кода.

Новые строки

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

Список элементов пользовательского интерфейса

Параметр	Описание
Помещать открывающую фигурную скобку на новой строке для функций	Если выбран этот параметр, редактор кода перемещает открывающую скобку, связанную с функцией, на новую строку.
Помещать открывающую фигурную скобку на новой строке для блоков управления	Если выбран этот параметр, редактор кода перемещает открывающую скобку, связанную с блоком управления (например, с блоками управления if и while ), на новую строку.

Интервал

Эти параметры определяют, как вставляются пробелы в представлении Источник.

Как структурировать код в Visual Studio Code?

Помню, когда работал на Sublime Text, была возможность чтобы код правильно вставлялся.

Как сделать такое на Visual Studio Code?

2 ответа 2

Автоматическое форматирование кода в Visual Studio Code выполняется следующими комбинациями:

В дополнении к ответу от @Эникейщик

В настройках можно установить форматирование при сохранении

Что искать в настройках

Предупреждение:

Влючайте данную опцию, если вы точно уверены в своих настройках и используемых форматтерах. При сохранении файлы будут изменены. И это может давать побочные эффекты также для git-веток.

«Параметры», «Текстовый редактор», «HTML (веб-формы)», «Форматирование»

Чтобы задать в параметрах HTML-проекта форматирование кода в редакторе, перейдите на страницу Форматирование. Чтобы открыть эту страницу, выберите в строке меню Инструменты>Параметры, затем перейдите к разделу Текстовый редактор>HTML (веб-формы)>Форматирование.

Регистр букв

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

В XML учитывается регистр. Установка регистра по умолчанию может повлиять на работу средств синтаксического анализа XML.

Список элементов пользовательского интерфейса

Тег сервера, атрибуты сервера

Эти параметры отвечают за использование заглавных букв в разметке для серверных веб-элементов управления.

Параметр	Результат
Оставить как введено	Регистр букв элемента остается таким же, как при вводе.
Прописные буквы	Имена элементов преобразуются в верхний регистр.
Строчные буквы	Имена элементов преобразуются в нижний регистр.
Определение сборки	Регистр букв элемента определяется в зависимости о того, как элемент был задан в классе соответствующего типа.

Тег клиента, атрибуты клиента

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

Параметр	Результат
Оставить как введено	Регистр букв атрибута остается таким же, как при вводе.
Прописные буквы	Имена атрибутов записываются прописными буквами.
Строчные буквы	Имена атрибутов записываются строчными буквами.

Параметры автоматического форматирования

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

Эти параметры не изменяют пробелы внутри XML-разметки.

Список элементов пользовательского интерфейса

Вставлять кавычки для значений атрибутов при вводе

Если выбран этот параметр, редактор автоматически заключает атрибуты в кавычки при вводе (например, ). Разработчики, предпочитающие вставлять кавычки в разметку вручную, могут снять этот флажок.

Независимо от того, выбран этот параметр или нет, все существующие кавычки в разметке сохраняются; кавычки никогда не удаляются.

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

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

Независимо от того, выбран этот параметр или нет, сохраняются все существующие кавычки в разметке.

Автоматически вставлять закрывающий тег

При выборе этого параметра редактор автоматически создает закрывающий тег (например, ) при закрытии открывающего тега.

Перенос тегов

Эти параметры определяют, разбивает ли редактор теги на строки, если они превышают определенную длину.

Список элементов пользовательского интерфейса

Переносить теги при превышении указанной длины

Когда выбран этот параметр, редактор разбивает теги на строки, если тег превышает длину, указанную в текстовом поле Длина. Это происходит только при форматировании, а не при вводе нового тега.

Указанное значение используется как минимальное. Редактор не разделяет отдельные атрибуты.

Длина

Задает число символов для отображения в строке перед переносом. Это поле неактивно, если не установлен флажок Переносить теги при превышении указанной длины.

Параметры для тегов

Если выбрать этот параметр, отображается диалоговое окно Параметры для тегов, в котором можно установить параметры форматирования для отдельных тегов или групп тегов.

Code style preferences

You can define code style settings per-project by using an EditorConfig file, or for all code you edit in Visual Studio on the text editor Options page. For C# code, you can also configure Visual Studio to apply these code style preferences using the Code Cleanup (Visual Studio 2019, Visual Studio 2022) and Format Document (Visual Studio 2017) commands.

This topic applies to Visual Studio on Windows. For Visual Studio for Mac, see Editor behavior in Visual Studio for Mac.

Code styles in EditorConfig files

Code styles in the Options dialog box

Code style preferences can be set for all of your C# and Visual Basic projects by opening the Options dialog box from the Tools menu. In the Options dialog box, select Text Editor > [C# or Visual Basic] > Code Style > General.

Each item in the list shows a preview of the preference when selected:

Preference and severity

For each code style setting on this page, you can set the Preference and Severity values using the drop-downs on each line. Severity can be set to Refactoring Only, Suggestion, Warning, or Error. If you want to enable Quick Actions for a code style, ensure that the Severity setting is set to something other than Refactoring Only. The Quick Actions light bulb , error light bulb , or screwdriver icon appears when a non-preferred style is used, and you can choose an option on the Quick Actions list to automatically rewrite code to the preferred style.

Enforce code styles on build

Apply code styles

For C# code files, Visual Studio has a Code Cleanup button at the bottom of the editor (keyboard: Ctrl+K, Ctrl+E) to apply code styles from an EditorConfig file or from the Code Style options page. If an .editorconfig file exists for the project, those are the settings that take precedence.

Rules configured with a severity of None don’t participate in code cleanup but can be individually applied via the Quick Actions and Refactorings menu.

First, configure which code styles you want to apply (in one of two profiles) in the Configure Code Cleanup dialog box. To open this dialog box, click the expander arrow next to the code cleanup broom icon and then choose Configure Code Cleanup.

After you’ve configured code cleanup, you can either click on the broom icon or press Ctrl+K, Ctrl+E to run code cleanup. You can also run code cleanup across your entire project or solution. Right-click on the project or solution name in Solution Explorer, select Analyze and Code Cleanup, and then select Run Code Cleanup.

Rules configured with a severity of None don’t participate in code cleanup but can be individually applied via the Quick Actions and Refactorings menu.

Code cleanup settings

Setting	Rule ID or style option
Remove unnecessary Imports or usings	IDE0005
Apply file header preferences	file_header_template
Remove unused variables	IDE0051
Apply object creation preferences	visual_basic_style_prefer_simplified_object_creation
Apply IsNot preferences	visual_basic_style_prefer_isnot_expression
Add ‘this’ or ‘Me’ qualification	IDE0003-IDE0009
Add accessibility modifiers	dotnet_style_require_accessibility_modifiers
Order modifiers	IDE0036
Make field readonly	dotnet_style_readonly_field
Remove unnecessary casts	IDE0004
Apply object/collection initialization parameters)	dotnet_style_object_initializer
Apply using directive placement preferences	csharp_using_directive_placement
Apply parentheses preferences	IDE0047-IDE0048
Apply unused value preferences	IDE0058
Apply language/framework type preferences	IDE0049
Remove unused suppressions	dotnet_remove_unnecessary_suppression_exclusions
Apply simplify boolean expression preferences	dotnet_style_prefer_simplified_boolean_expressions
Apply string interpolation preferences	dotnet_style_prefer_simplified_interpolation
Remove unused parameters	dotnet_code_quality_unused_parameters
Apply auto property preferences	dotnet_style_prefer_auto_properties
Apply compound assignment preferences	dotnet_style_prefer_compound_assignment
Apply coalesce expression preferences	dotnet_style_coalesce_expression
Apply conditional expression preferences	dotnet_style_prefer_conditional_expression_over_assignment dotnet_style_prefer_conditional_expression_over_return
Apply tuple name preferences	dotnet_style_explicit_tuple_names dotnet_style_prefer_inferred_tuple_names
Apply inferred anonymous type member names preferences	dotnet_style_prefer_inferred_anonymous_type_member_names
Apply null checking preferences	dotnet_style_prefer_is_null_check_over_reference_equality_method
Apply null propagation preferences	dotnet_style_null_propagation
Apply ‘var’ preferences	IDE0007-IDE0008
Add required braces for single-line control statements	csharp_prefer_braces
Apply expression/block body preferences	Expression-bodied members
Apply inline ‘out’ variables preferences	csharp_style_inlined_variable_declaration
Apply pattern matching preferences	Pattern-matching preferences
Apply conditional delegate call preferences	csharp_style_conditional_delegate_call
Apply static local function preferences	csharp_prefer_static_local_function
Apply deconstruct preferences	csharp_style_deconstructed_variable_declaration
Apply default(T) preferences	csharp_prefer_simple_default_expression
Apply new() preferences	csharp_style_implicit_object_creation_when_type_is_apparent
Apply range preferences	csharp_style_prefer_range_operator
Apply local over anonymous function preferences	csharp_style_pattern_local_over_anonymous_function
Apply parameter null preferences	Null-checking preferences
Apply using statement preferences	csharp_prefer_simple_using_statement
Apply throw expression preferences	csharp_style_throw_expression

If you want your code style settings to be applied every time you save a file, go to Options > Text Editor > Code Cleanup and select Run Code Cleanup profile on save.

If you want your code style settings to be applied every time you save a file, you may like the Code Cleanup on Save extension.

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Используйте страницу параметров Форматирование и ее вложенные страницы (Отступ, Новые строки, Интервал и Перенос) для задания параметров форматирования кода в редакторе кода.

Чтобы получить доступ к странице параметров, в строке меню выберите Сервис>Параметры. В диалоговом окне Параметры выберите Текстовый редактор>C#>Стиль кода>Форматирование.

В нижней части каждой вложенной страницы Отступ, Новые строки, Интервалы и Перенос отображается окно предварительного просмотра, в котором можно увидеть действие каждого параметра. Чтобы использовать окно предварительного просмотра, выберите параметр форматирования. В окне предварительного просмотра отображается пример выбранного параметра. При изменении параметра с помощью переключателя или флажка содержимое окна предварительного просмотра меняется, отображая эффект применения новой настройки.

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Если ранее параметры стиля кода для файлов C# применялись с помощью команды Форматировать документ в Visual Studio 2017, теперь это можно сделать с использованием функции Очистка кода.

Страница «Отступ»

Параметры отступов на этой странице применяются при автоматическом форматировании кода. Например, при вставке кода в файл, когда выбран параметр Автоматически форматировать при вставке. (Параметр Автоматически форматировать при вставке находится в разделе Форматирование>Общие.)

Параметры отступа доступны также на странице параметров Текстовый редактор>C#>Вкладки. Они определяют только место, в которое редактор кода помещает курсор при нажатии клавиши ВВОД в конце строки.

Страница «Новые строки»

Воспользуйтесь параметром новых строк на этой странице, чтобы управлять появлением элементов (скобок, ключевых слов или выражений) на новых строках в редакторе кода.

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Страница «Отступ»

Страница «Новые строки»

Автоматическое переформатирование кода Python в Visual Studio

Visual Studio позволяет быстро переформатировать код в соответствии с предварительно настроенными параметрами форматирования.

Определение правила форматирования

Параметры форматирования можно настроить в меню Средства>Параметры>Текстовый редактор>Python>Форматирование и на вложенных вкладках. Параметры форматирования по умолчанию задаются в соответствии с расширенным набором указаний руководства по стилю PEP 8. Вкладка Общие позволяет определить, когда применяется форматирование. Остальные три вкладки описаны в этой статье.

Для отображения параметров установите флажок Show all settings (Показать все параметры):

Кроме того, благодаря поддержке Python в Visual Studio в меню Правка>Дополнительно добавлена полезная команда Заполнить абзац комментариев.

Применение форматирования к выделенному фрагменту или файлу

Чтобы отформатировать выделенный фрагмент, сделайте следующее:

Чтобы отформатировать весь файл, сделайте следующее:

Примеры использования интервалов

Элементы управления в разделе Интервал определяют, нужно ли вставлять и (или) удалять пробелы в различных языковых конструкциях. Каждый параметр имеет три возможных значения.

В следующих таблицах приведены примеры для различных параметров:

Параметры операторов

Параметры в разделе Операторы управляют автоматическим изменением некоторых операторов в более привычные для Python форматы.

Параметр	До форматирования	После форматирования
Размещать импортированные модули в новой строке	import sys, pickle	import sys import pickle
Удалять лишние точки с запятой	x = 42;	x = 42
Размещать множество операторов на новых строках	x = 42; y = 100	x = 42 y = 100

Параметры переноса

Перенос по словам позволяет задать параметр Максимальная ширина комментария (по умолчанию — 80). При заданном параметре Переносить слишком широкие комментарии Visual Studio переформатирует комментарии так, чтобы выходить за пределы максимальной ширины.

Форматирование текста комментария

Команда Правка>Дополнительно>Заполнить абзац комментариев (вызывается клавишами CTRL+E>P) изменяет форматирование текста заметки, объединяя короткие строки и разбивая слишком длинные.

Автоматическое переформатирование кода Python в Visual Studio

Определение правила форматирования

Для отображения параметров установите флажок Show all settings (Показать все параметры):

Применение форматирования к выделенному фрагменту или файлу

Чтобы отформатировать выделенный фрагмент, сделайте следующее:

Чтобы отформатировать весь файл, сделайте следующее:

Примеры использования интервалов

В следующих таблицах приведены примеры для различных параметров:

Параметры операторов

Параметр	До форматирования	После форматирования
Размещать импортированные модули в новой строке	import sys, pickle	import sys import pickle
Удалять лишние точки с запятой	x = 42;	x = 42
Размещать множество операторов на новых строках	x = 42; y = 100	x = 42 y = 100

Параметры переноса

Форматирование текста комментария

Как вы автоматически форматируете код в Visual Studio?

Я знаю, что Visual Studio может автоматически форматировать, чтобы сделать мои методы и циклы отступами правильно, но я не могу найти параметр.

20 ответов

Для Visual Studio 2010/2013/2015/2017

ваши ярлыки могут отображаться иначе, чем мои, поскольку я настроен для кодирования C#, но навигация по панели инструментов приведет вас к вашим.

Если он не работает, ищите ошибки в своем коде, например, отсутствующие скобки, которые останавливают автоматический формат от работы

выполните следующие действия:

см. изображение ниже:

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

Я установил расширение с именем «формат документа при сохранении», которое форматирует весь документ каждый раз, когда вы его сохраняете. Для установки его в VS15 или 17, на инструментах просто нажмите «расширения и обновления». «:

и затем просто зайти в «онлайн» на левой панели и найдите «формат документа при сохранении»

надеюсь, это поможет!.

Если вы отобразите панель инструментов редактирования исходного кода HTML, также есть кнопка «форматировать весь документ»

решение, приведенное в принятом ответе, не относится к Microsoft Visual Studio 2012.

в случае VS2012 ярлыки:

Я использовал эту комбинацию. Я автоматизировал этот процесс при сохранении документа. Вы можете попробовать мое расширение формат документа при сохранении

нет необходимости в нажатиях клавиш.

исходный вопрос сказал: «Я не могу найти настройку.»

простой ответ: Посмотрите в верхнем меню, а затем

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

затем вы просто выбираете текст и нажимаете кнопки увеличения отступа или уменьшения отступа. Я тестировал это только в Visual Studio 2013.

Правой Кнопкой Мыши:

работает в VS 2015, возможно, более ранней версии.

но. если вы хотите добавить кнопку формат документа на панель инструментов сделать это.
Щелкните правой кнопкой мыши на панели инструментов.
Выберите » Настроить..»
Выберите вкладку «команды».
Выберите переключатель «панель инструментов».
Выберите «текстовый редактор» из выпадающего рядом с переключателем (или какой-либо панели инструментов вы хотите, чтобы Боттон)

нажмите Добавить Команду.
Категории: Редактировать
Команды: Формат Документа
Нажмите OK

в более новых версиях ярлык для форматирования документа: Shift + Alt + F

с Непрерывное Форматирование расширение (коммерческое, разработанное мной), код форматируется действительно автоматически по мере ввода.

просто в дальнейшем Starwfanatic и Юэн’s выше ответы. Вы можете настроить IDE для добавления любой до любой toolbar-таким образом, вы можете добавить кнопку Format (как на панели инструментов редактирования исходного кода HTML) на любую другую панель инструментов (например, редактирование текста со всеми другими элементами управления редактированием, такими как увеличение/уменьшение отступа).

нажмите стрелку справа от панели инструментов > добавить или удалить кнопки > настроить. > Вкладку «команды» > «добавить» Команда. кнопка.

Формат Документа и Выбор Формата находятся под редактировать группы.

(протестировано в VS2010 и VS2013)

вырезать / вставить раздел Еще один быстрый способ (и легко запомнить).

Если вы можете себе это позволить (или если вы имеете право на 30-дневную бесплатную пробную версию) Для ReSharper JetBrains В можно переформатировать весь каталог проекта.

в Visual Studio 2015 и 2017 для кода c#. 1) прокрутите файл до конца 2) снимите последний » фигурный кронштейн» > 3) Подождите, пока строка над ней не покажет ошибку 4) заменить » фигурный кронштейн» > Фини. 🙂

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

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

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

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

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

Форматирование кода при сохранении файла:

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

Если вы хотите автоматически отформатировать содержимое во время сохранения, добавьте приведенный ниже фрагмент кода в настройках рабочего пространства кода Visual Studio.

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

Примечание: теперь вы можете автоматически форматировать файлы TypeScript. Проверьте мое обновление.

Ответ 3

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

Или Visual Studio, как:

Ответ 4

Ответ 5

Ответ 6

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

Ответ 7

Мой читал «key»: «ctrl+shift+i»

Вы также можете изменить это. Обратитесь к этому ответу о том, как. или если вам немного лень прокручивать вверх:

Вы можете добавить связывание клавиш в «Preferences-> Сочетания клавиш»

Или Visual Studio, как:

Обратите внимание: клавиша cmd предназначена только для компьютеров Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl

РЕДАКТИРОВАТЬ:

Согласно Visual Code версии 1.28.2 это то, что я нашел.

Введите editor.action.format в поле поиска, чтобы просмотреть существующие ярлыки.

Чтобы изменить комбинации клавиш, выполните следующие действия:

Ответ 8

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

Ответ 9

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

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

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

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

Ответ 10

Ответ 11

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

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

Ответ 12

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

Ответ 13

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

Ответ 14

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

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

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

Нажмите «Вид» в верхней строке меню, а затем нажмите «Палитра команд».

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

Ответ 15

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

Ответ 16

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

Ответ 17

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

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

Ответ 18

Файл меню & rarr; Настройки & rarr; Настройки

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

Ответ 19

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

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

Выгоды

Результаты

Как?

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

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

Выгоды

Результаты

Как?

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

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

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

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

Ответ 20

В ключевых привязках существует формат Shift + Alt + f
но для С++ он не работает (как и 16 мая), поэтому теперь переключился на net beans.

Ответ 21

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

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

Ответ 22

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

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

Ответ 23

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

Ответ 24

Ответ 25

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

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

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

Ответ 26

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

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

Ответ 27

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

Ответ 28

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

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

Ответ 29

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

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

Ответ 30

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

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

Как форматировать код в VS Code

Когда вы вводите команды в VS Code, иногда последнее, о чем вы думаете, это попытка быть аккуратным. Хотя форматирование не требуется для запуска программы, оно очень помогает при отладке и поиске ошибок.

В этой статье мы покажем вам, как форматировать код в VS Code, а также дадим другие полезные советы по организации кода.

Как форматировать код

VS Code имеет встроенные команды для приведения текущего набранного кода к стандартному формату. Эти сочетания клавиш не требуют дополнительных расширений и могут быть использованы в любое время. Ярлыки следующие:

Для ПК

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

Форматирование только выбранного кода:

Обратите внимание, что если вы нажмете “Ctrl + F” без предварительного нажатия “Ctrl + K” вы откроете меню поиска. Если это произойдет, просто закройте, щелкнув значок “x” кнопку или клавишу Esc.

Перемещение строк вверх или вниз:

Изменить отступ одной строки:

Для Mac

Отформатировать весь документ:

Форматирование только выбранного кода:

Примечание. использование “⌘ + F” не нажимая “⌘ + К” заранее откроет только меню поиска. Чтобы закрыть меню поиска, просто нажмите “x” справа или нажмите Esc.

Перемещение строк вверх или вниз:

Изменить отступ одной строки.

VS Код формата кода при сохранении

В VS Code нет встроенной команды, которая форматирует документ при сохранении. Вместо этого это можно сделать, установив расширение форматирования в приложение VS Code. Самым популярным из этих расширений является Prettier, которое предоставляет множество функций форматирования для VS Code. Чтобы установить Prettier, выполните следующие действия:

Прежде чем Prettier сможет начать автоматическое форматирование документа при сохранении, вам нужно будет настройте расширение, чтобы активировать функцию. Это делается следующим образом:

Поскольку вы настроили Prettier для автоматического форматирования только при наличии файла конфигурации, вы должны создать его для каждого проекта. Для этого выполните следующие действия:

Советы по упорядочению кода

Организация кода

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

Знаете ли вы другие способы форматирования файлов в VS Code? Не стесняйтесь поделиться своими мыслями в разделе комментариев ниже.

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Страница «Отступ»

Страница «Новые строки»

Как вы автоматически форматируете код в 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 при сохранении

В VS 2017 и 2019

Нажмите на 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») на любую другую панель инструментов (например, «Редактирование текста» со всеми другими элементами редактирования, такими как увеличение / уменьшение отступа).

Формат документа и формат выбор оба под редактированием группы.

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

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

30 ответов

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

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

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

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

Форматирование кода при сохранении файла:

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

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

Примечание: теперь вы можете автоматически форматировать машинописные файлы, проверьте мое обновление

Или Visual Studio, как:

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

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

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

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

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

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

Мое чтение «key»: «ctrl+shift+i»

Вы можете добавить связывание клавиш в «Настройки-> Сочетания клавиш»

Или Visual Studio, как:

Обратите внимание: ключ cmd предназначен только для Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl

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

В Ubuntu это Ctrl + Shift + I

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выгоды

Результаты

Как?

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

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

Выгоды

Результаты

Как?

Добавить или изменить значение «editor.formatOnType»: false в «editor.formatOnType»: true в настройках пользователя.json

Ваш пользователь Visual Studio Code settings.json расположение:

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

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

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Страница «Отступ»

Страница «Новые строки»

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

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

28 ответов

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

Для несохраненных фрагментов

Открыть палитру команд (Win: F1 или Ctrl + Shift + P)

Найдите «Изменить языковую модель»

Неформатировать

‘ Покажи картинки ‘

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

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

Код Visual Studio в Linux:

Ctrl + ] для массового отступа

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

См. Этот снимок экрана:

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

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

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

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

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

Откроется новое окно. Найдите «формат» и выберите вариант с форматированием в соответствии с требованиями.

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

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

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

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

Результаты

Как?

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

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

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

Результаты

Как?

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

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

Местоположение вашего пользователя Visual Studio Code settings.json :

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

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

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

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

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

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

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

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

Код форматирования в Visual Studio.

Я пробовал форматировать в Windows 8.

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

Нажмите «Просмотр» в верхней строке меню, а затем нажмите «Палитра команд».

Затем появится текстовое поле, где нам нужно ввести Format

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

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

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

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

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

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

Моя читала «key»: «ctrl+shift+i»

Вы можете добавить привязку клавиш в «Настройки-> Сочетания клавиш»

Или Visual Studio, например:

Обратите внимание: клавиша cmd предназначена только для Mac. Для Windows и Fedora (клавиатура Windows) используйте Ctrl

ИЗМЕНИТЬ :

Введите editor.action.format в поле поиска, чтобы просмотреть существующие ярлыки.

Чтобы изменить комбинации клавиш, выполните следующие действия:

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

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

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

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

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

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

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

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

Форматирование кода при сохранении файла:

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

Если вы хотите автоматически форматировать контент при сохранении, добавьте приведенный ниже фрагмент кода в настройки рабочего пространства Visual Studio Code.

Меню Файл → Настройки → Настройки рабочего пространства

Примечание: теперь вы можете автоматически форматировать файлы TypeScript. Проверьте мое обновление.

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

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

25 ответов

Есть ли какой-нибудь способ авто-форматирования HTML и Javascript кода на сохранении в Visual Studio наподобие Visual Studio Code?

На этот вопрос уже есть ответ здесь: Как вы форматируете код в Visual Studio Code? Все ответы, предоставленные в этом вопросе, не работают с C# кодом. Я просто скопировал свой файл контроллера и открыл его в Visual Studio Code. Я попытался отформатировать код с помощью Shift + Alt + F (как правый.

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

Как вариант, можно найти ярлык, а также другие ярлыки, через предоставленный в редакторе ‘Command Palette’ с Ctrl + Shift + P (или Command + Shift + P на Mac), а затем искать format document.

For unsaved snippets

Открыть command palette (Win: F1 или Ctrl + Shift + P )

Найти ‘Change Language Model’

Unformat

‘Show the pics‘

Шорткат форматирования кода:

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

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

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

Если вы хотите автоформатировать свой контент с сохранением, добавьте приведенный ниже сниппет кода в настройках рабочего пространства Visual Studio Code.

Меню File → Preferences → Workspace Settings

Примечание: теперь вы можете автоформатировать TypeScript файлы. Проверьте мое обновление.

Или Visual Studio вроде:

Есть ли способ включить маргин выделения в Visual Studio Code (VSCode)? Под маргином выделения я подразумеваю марджин слева от текста, который позволяет выделять целые строки кликом и перетаскиванием мышью. Я в курсе тройного щелчка мыши. Вот не то я после. У Visual Studio (проперти) есть так.

Я хочу сделать отступ определенного участка кода в Visual Studio Code. Я прочитал Как вы форматируете код в Visual Studio Code? что дает ярлыки для отступа всего кода, но у меня не получается при выделении определенного участка кода. Я пробовал Ctrl + Shift + F после выбора какой-то строки в моем.

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

Включите «Format On Save» выставив

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

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

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

Меню File → Preferences → Settings

При вводе точки с запятой она собирается форматироваться.

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

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

Shift + Alt + F делает работу как раз нормально в 1.17.2 и выше.

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

Так что можно использовать Command + Shift + P и тип Formatter или сделать собственный ярлык в menu File → Preferences → Keyboard Shortcuts → Command + K Command + S затем тип Formatter и добавить свой ярлык.

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

Я пробовал форматировать в Windows 8.

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

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

Затем появился бы текстбокс, где нам нужен тип Format

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

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

Правый клик и выберите «Форматировать выделение».

В Visual Studio Code делается Shift + Alt + F Что Ctrl + K + D делает в Visual Studio.

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

Меню File → Preferences → Keyboard Shortcuts и отфильтровать по ключевому слову ‘format’.

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

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

Workspace level

Benefits

Outcomes

How To?

Переходим в: меню File → Preferences → Workspace Settings

User environment level

Benefits

Outcomes

How To?

Перейдите в: меню File → Preferences → User Settings

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

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

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

Более подробно можно найти here.

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

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

Просто установите Visual Studio Keymap (Visual Studio Keymap for Visual Studio Code) компанией Microsoft. Проблема решена. :p

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

Откроется новое окно. Ищите «Формат» и выберите опцию у которой форматирование как по требованию.

Это включит beautify на save для TypeScript, и можно будет добавить в XML к варианту HTML.

Придется установить сначала соответствующий плагин (т.е. XML, C# и т.д.).

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

«Параметры», «Текстовый редактор», «HTML (веб-формы)», «Форматирование»

Регистр букв

Список элементов пользовательского интерфейса

Тег сервера, атрибуты сервера

Эти параметры отвечают за использование заглавных букв в разметке для серверных веб-элементов управления.

Параметр	Результат
Оставить как введено	Регистр букв элемента остается таким же, как при вводе.
Прописные буквы	Имена элементов преобразуются в верхний регистр.
Строчные буквы	Имена элементов преобразуются в нижний регистр.
Определение сборки	Регистр букв элемента определяется в зависимости о того, как элемент был задан в классе соответствующего типа.

Тег клиента, атрибуты клиента

Параметр	Результат
Оставить как введено	Регистр букв атрибута остается таким же, как при вводе.
Прописные буквы	Имена атрибутов записываются прописными буквами.
Строчные буквы	Имена атрибутов записываются строчными буквами.

Параметры автоматического форматирования

Эти параметры не изменяют пробелы внутри XML-разметки.

Список элементов пользовательского интерфейса

Вставлять кавычки для значений атрибутов при вводе

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

Независимо от того, выбран этот параметр или нет, сохраняются все существующие кавычки в разметке.

Автоматически вставлять закрывающий тег

Перенос тегов

Эти параметры определяют, разбивает ли редактор теги на строки, если они превышают определенную длину.

Список элементов пользовательского интерфейса

Переносить теги при превышении указанной длины

Указанное значение используется как минимальное. Редактор не разделяет отдельные атрибуты.

Длина

Параметры для тегов

Отключить автоматическое форматирование для файлов json в Visual Studio Code

Хорошо, проверьте, установили ли вы это расширение: «JS-CSS-HTML formatter».

После выбора этого параметра открывается файл с именем formatter.json, и все, что вам нужно сделать, это изменить свойство (с именем onSave) с истинного на ложное.

Я использую приведенную ниже версию VS Code

И выключил, выполнив следующие действия:

Теперь следуйте этим инструкциям по изображению:

В VS Code по умолчанию сохранение без форматирования выполняется

ШАГ 1: Нажмите CTRL +, K затем
ШАГ 2: Нажмите CTRL + Shift + S

Стоит отметить

Мне нравится форматирование json, которое включено по умолчанию, но я хотел отключить его только при редактировании определенных файлов (т.е. я не хотел, чтобы некоторые массивные файлы json расширялись после форматирования).

Как вы автоформатируете код в Visual Studio?

Я знаю Visual Studio умеет автоформатирование делать свои методы и петли отступами исправно, но я не могу найти настройку.

25 ответов

Как вы авто-форматируете код в Eclipse?

Note для macOS

На macOS используйте клавишу CMD ⌘ вместо Ctrl :

Для Visual Studio 2010/2013/2015/2017/2019

Ваши ярлыки возможно отобразили по-другому до моих так как я настроен для C# кодинга но навигация через панель инструментов доберет вас до своих.

Если это не работает ищите ошибки в вашем коде, вроде отсутствующих скобок которые перестают работать автоформатом

У меня установлено расширение с именем «Format document on Save», которое форматирует весь документ каждый раз при его сохранении.

Для его установки в Visual Studio 2015 или Visual Studio 2017, на Tools просто нажмите кнопку «Extensions and Updates. «:

А затем просто перейдите в «Online» у левой панели и поищите в «Format document on save»:

Следуйте шагам ниже:

Смотрите ниже изображение:

Установите ‘Productivity Power Tools 2015’

Перезапустите Visual Studio.

Хотелось бы автоматически форматировать TypeScript код с помощью встроенного форматтера, когда я сохраняю файл в Visual Studio Code. Я в курсе следующих вариантов, но ни один из них не достаточно хорош: Форматировать вручную Shift + Alt + F Форматировать на тип editor.formatOnType: true Он.

Какой эквивалент Ctrl + K + F и Ctrl + K + D на Windows в Visual Studio для форматирования, или окрашивания кода в редакторе Visual Studio Code?

На mac : Shift + Option + F

На ubuntu : Ctrl + Shift + I

Если вы выводите панель инструментов HTML Source Editing, там есть кнопка «Format the All Document» так же.

Решение, приведенное в принятом ответе, не относится к Майкрософту Visual Studio 2012.

В случае с Visual Studio 2012 ярлыками являются:

Я раньше использовал эти комбинации. Я автоматизировал этот процесс на Save of a document. Можете попробовать мое расширение Формат документа на Save .

Настройки автоформатирования в Visual Studio

В Visual Studio 2017 и Visual Studio 2019

Но. если вы хотите добавить кнопку Format Document в инструментальный бар делайте так:

Выделите текст, от которого хотите автоматический отступ.

Нет никакой необходимости в нажатиях клавиш.

Вы можете добавить кнопки на ваш toolbar, нажав маленькую стрелку drop down справа от последней кнопки toolbar, выбрать «Добавить или удалить кнопки» и затем нажать кнопки, которые вы хотите добавить к ним галочку. Выбранная вами кнопка(-ы) появится на вашем toolbar.

Затем вы просто выделяете текст и нажимаете кнопки Увеличить отступ или Уменьшить отступ. Я тестировал такое на Visual Studio 2013 только.

Это работает в Visual Studio 2015, может быть более ранняя версия.

Оригинальный вопрос сказал «Я не могу найти настройку.»

Простой ответ таков: посмотрите в top menu, затем

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

В более новых версиях ярлык для общедокументного форматирования такой: Shift + Alt + F

Выделите данные и правый клик и вы найдете эту опцию. Format Document и Format Selection:

Document Format и Selection Format находятся оба под группой Edit.

(Тестируется в Visual Studio 2010 и Visual Studio 2013)

Visual Studio 2019

Или просто нажмите Edit => Advanced => Format Document / Format Selection

С помощью расширения Continuous Formatting (коммерческого, разработанного мной) код форматируется действительно автоматически по мере набора текста.

Просто попадание Ctrl + Shift + I сделает работу.

Это Shift + Alt + F в Windows.

Но всегда можно сделать двойную проверку, сделав следующее.

Как вы автоматически форматируете код в Visual Studio?

Я знаю, что Visual Studio может автоматически форматировать, чтобы мои методы и циклы были с отступом, но я не могу найти настройку.

38 ответов

Для Visual Studio 2010/2013/2015/2017

Ваши ярлыки могут отображаться иначе, чем мои, поскольку я настроен на кодирование C#, но навигация по панели инструментов поможет вам перейти к вашим.

Я установил расширение под названием «Формат документа при сохранении», которое форматирует весь документ каждый раз, когда вы сохраняете его. Чтобы установить его в VS15 или 17, на Сервисе просто нажмите «Расширения и обновления. «:

А затем просто перейдите в «Онлайн» на левой панели и найдите «Формат документа при сохранении».

Я надеюсь, что это помогает!.

Следуйте инструкциям ниже:

Смотрите изображение ниже:

Хотя этот вопрос немного устарел, кто-то может найти его удобным.

На Mac: на Mac Shift + Option + F

В убунту: Ctrl + Shift + I

Visual Studio 2019

или просто нажмите Edit => Advanced => Format Document / Format Selection

В VS 2017 формат документа CTRL E + D.

Но. если вы хотите добавить кнопку «Формат документа» на панель инструментов, сделайте это.
Щелкните правой кнопкой мыши на панели инструментов.
Выберите «Настроить..»
Выберите вкладку «Команды».
Выберите переключатель «Панель инструментов».
Выберите «Текстовый редактор» в выпадающем меню рядом с переключателем (или на любой панели инструментов, на которой вы хотите, чтобы кнопка была нажата)

Если вы отображаете панель инструментов редактирования исходного кода HTML, есть кнопка «Форматировать весь документ».

Решение, приведенное в принятом ответе, не относится к Microsoft Visual Studio 2012.

В случае VS2012 ярлыки:

Выберите текст, который вы хотите автоматически сделать отступ.

Нажмите «Выбор формата» в меню «Правка», «Дополнительно» или нажмите сочетание клавиш CTRL+K, CTRL+F. Выбор формата применяет правила интеллектуального отступа для языка, на котором вы программируете, к выделенному тексту.

В VS 2019 «Очистка кода» (RunDefaultCodeCleanup) более продвинута (взято из ReSharper): Ctrl + K, Ctrl + E

Нет необходимости нажатия клавиш.

Выберите данные и щелкните правой кнопкой мыши, и вы найдете эту опцию. ФОРМАТ ДОКУМЕНТОВ и ВЫБОР ФОРМАТОВ

В более новых версиях ярлык для форматирования всего документа: Shift + Alt + F

Вы можете добавить кнопки на панель инструментов, щелкнув маленькую стрелку выпадающего меню справа от последней кнопки панели инструментов, выберите «Добавить или удалить кнопки», а затем нажмите кнопки, которые хотите добавить к ним. Выбранные вами кнопки появятся на вашей панели инструментов.

Щелкните правой кнопкой мыши:

Работает в VS 2015, возможно, более ранней версии.

В первоначальном вопросе говорилось: «Я не могу найти настройки».

Простой ответ: посмотрите на верхнее меню, затем

Это Shift + Alt + F в окнах

Но вы всегда можете дважды проверить, выполнив следующие действия.

Просто для дальнейшего Starwfanatic и Ewan ответы выше. Вы можете настроить свою среду IDE для добавления любой кнопки на любую панель инструментов, чтобы можно было добавить кнопку «Формат» (как на панели инструментов «Редактирование исходного кода HTML») на любую другую панель инструментов (например, «Редактирование текста» со всеми другими элементами управления редактирования, такими как увеличение / уменьшение отступа).

Нажмите стрелку справа от панели инструментов> Добавить или удалить кнопки> Настроить. > вкладка Команды> Кнопка Добавить команду.

Формат документа и формат выбора находятся в группе » Редактировать «.

Turn off auto formatting in Visual Studio

I prefer my own style of code formatting as opposed to Visual Studio’s default settings. I’ve turned off auto-formatting options in Tools→Options. In most cases, it works.

However, after using any of the built-in refactorings, Visual Studio clobbers my settings with its default settings. How do I keep VS from doing that?

17 Answers 17

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

I had this problem while writing VB in an aspx page.

The solution was to go to ‘Tools > Options > Text Editor > Basic > VB Specific’ and turn ‘Pretty Listing’ OFF.

Tools > Options > Text Editor > Basic > Advanced

Disable pretty listing. It is the option that re-formats what you are doing. I had the same discomfort with it and after doing it, my code stays how i want and it doesn’t go back to previous settings.

As suggest by @TheMatrixRecoder took a bit of finding for me so maybe this will help someone else.

Unitick these options to prevent annoying automated formatting when you places a semicolon or hit return at the end of a line.

You might have had Power Tool installed.

In this case you can turn it off from ‘Tools > Options > Productivity Power Tools > PowerCommands > General’

In my case, it was ReSharper.

Test if ReSharper

Prevent ReSharper from reformatting code

Update 2017-03-01

It was ReSharper in the end:

Update 2020-12-18

ReSharper «typing assist» is like a 3-year-old trying to «help» build a card castle. A simple backspace or an enter key will (poorly) reformat entire blocks of code, requiring it to be undone or painfully formatted back to the original.

And if that is not enough, this is the bit that adds delays when typing so sometimes it feels like trying to run in skis.

VS2015 settings that helped me prevent auto formatting:

(and Tools > Options > Text Editor > Basic > Advanced, just like Tango91 suggested)

The reformat on semicolon or closing brace cannot be turned off. I find it infuriating the Microsoft would have the temerity to tell anyone how to format code; the most illegible code I have ever seen was while working there.

I want adjacent assignments to be vertically aligned; VS reformats them to one space on either side of the equal sign irrespective of the length of the variable on the left. This is intolerable. And turning it off on the editor options is ignored; given comments like the opener above I am certain this is deliberate.

Consistency is only a virtue when it leads to desirable outcomes. This is not one.

In VS2017 you can change it after selecting your coding language in the settings menu. There is an option called «new Lines» in the «Formatting»-submenu.

I see that many answers here solve the problem for a specific situation.

For my situation I continually found that the IDE would automatically format JavaScript code within an ASP page.

To disable, I unchecked this box:

Конфигурирование стиля кода в Visual Studio 2017

Предлагаю вашему вниманию перевод полезной статьи о том, как настраивать и применять правила написания кода в вашей команде.

Visual Studio 2017 обеспечивает соблюдение стиля написания кода и поддержку EditorConfig. Новая версия включает в себя больше правил для code style и позволяет разработчикам настраивать стиль кода через EditorConfig.

Что такое EditorConfig?

EditorConfig — это формат файла с открытым исходным кодом, который помогает разработчикам настраивать и применять правила форматирования и соглашения о стиле написания кода для получения более читаемых кодовых баз (codebases). Файлы EditorConfig легко включаются в систему управления версиями и применяются на уровне репозитория и проекта. Соглашения EditorConfig переопределяют их эквиваленты в ваших личных настройках, так что соглашения из кодовой базы имеют приоритет над индивидуальным разработчиком.

Начало работы

Чтобы определить стиль кода и параметры форматирования для всего репозитория, просто добавьте файл .editorconfig в каталог верхнего уровня. Чтобы установить эти правила в качестве «корневых» параметров, добавьте следующее в .editorconfig (вы можете сделать это в своем редакторе / IDE по выбору):

# top-most EditorConfig file
root = true

Параметры EditorConfig применяются сверху вниз с переопределениями, то есть вы описываете общие правила наверху и переопределяете их дальше вниз в своем дереве каталогов по мере необходимости. В репозитории Roslyn файлы в каталоге Compilers не используют var, поэтому мы можем просто создать другой файл .editorconfig, который содержит различные настройки для предпочтений var, и эти правила будут применяться только к файлам в этом каталоге. Обратите внимание, что когда мы создаем этот EditorConfig файл в каталоге Compilers, то нам не нужно добавлять root = true (это позволит наследовать правила из родительского каталога или, в данном случае, из каталога Roslyn верхнего уровня).

Правила форматирования кода

Правила стиля кода

Давайте рассмотрим пример того, как могут быть определены соглашения о кодировании:

Если вам нужно переосмыслить различные уровни серьезности и то, что они делают:

Совет: серые точки, которые указывают на предложение, довольно серые. Чтобы разнообразить вашу жизнь, попробуйте изменить их на приятный розовый. Для этого перейдите в меню Tools > Options > Environment > Fonts and Colors > Suggestion ellipses (…) и задайте для параметра следующий настраиваемый цвет (R: 255, G: 136, B: 196):

Опыт работы в Visual Studio

Когда вы добавляете файл EditorConfig к существующему репозиторию или проекту, файлы не проверяются автоматически, чтобы соответствовать вашим соглашениям. Когда вы добавляете или редактируете EditorConfig файл, чтобы применить новые настройки, вы должны закрыть и открыть все открытые файлы, которые у вас есть. Чтобы весь документ придерживался правил форматирования кода, определенных в ваших настройках, вы можете использовать Format Document (Ctrl + K, D). Эта проверка не изменяет код, но вы можете использовать меню быстрых действий (Ctrl +.), чтобы применить исправление стиля кода ко всем вхождениям в документе/проекте/решении.

Совет: Чтобы проверить, что в вашем документе используются пробелы или табуляции, включите Edit > Advanced > View White Space.

Но как узнать, применяется ли файл EditorConfig к вашему документу? Вы можете взглянуть на нижнюю строку состояния Visual Studio и увидеть это сообщение:

Обратите внимание, что это означает, что EditorConfig файлы переопределяют любые настройки стиля кода, которые вы настроили в меню Tools > Options.

Чтобы получить поддержку языковых служб при редактировании EditorConfig файла в VS, загрузите расширение EditorConfig Language Service.

Вывод

Visual Studio 2017 — просто ступенька в конфигурации соглашения о написания кода. Чтобы узнать больше о поддержке EditorConfig в Visual Studio 2017, ознакомьтесь с документацией.

Как вы автоматически форматируете код в Visual Studio?

Я знаю, что Visual Studio может автоматически форматировать, чтобы мои методы и циклы имели правильный отступ, но я не могу найти настройку.

30 ответы

Примечание для macOS

В macOS используйте CMD ⌘ ключ вместо Ctrl :

ответ дан 21 окт ’20, 11:10

Для Visual Studio 2010/2013/2015/2017/2019

Ваши ярлыки могут отличаться от моих, поскольку я настроен на кодирование на C #, но навигация через панель инструментов приведет вас к вашим.

Если он не работает, поищите в коде ошибки, например, отсутствие скобок, мешающих автоматическому форматированию

ответ дан 12 апр.

Я установил расширение под названием «Форматировать документ при сохранении», которое форматирует весь документ каждый раз, когда вы его сохраняете.

А затем просто перейдите в «Онлайн» на левой панели и найдите «Форматировать документ при сохранении»:

ответ дан 20 мар ’21, в 02:03

Выполните следующие действия:

См. Изображение ниже:

Перейти в меню Инструменты → Расширения и обновления и введите «производительность» в поиске:

Установите «Productivity Power Tools 2015»

Перезапустите Visual Studio.

Перейти в меню Инструменты → Доступные опции → Электроинструменты для повышения производительности → Команды питания и отметьте «Форматировать документ при сохранении»:

ответ дан 20 мар ’21, в 15:03

Вы можете определить новые привязки клавиш, перейдя в Инструменты → Доступные опции → Окружающая среда → клавиатура:

ответ дан 19 мар ’21, в 19:03

На Mac: Shift + Опция + F

В Ubuntu: Ctrl + Shift + I

Если вы отобразите Редактирование исходного кода HTML На панели инструментов также есть кнопка «Форматировать весь документ».

ответ дан 20 мар ’21, в 15:03

Решение, указанное в принятом ответе, не распространяется на Microsoft Visual Studio 2012.

В случае Visual Studio 2012 ярлыки:

ответ дан 19 мар ’21, в 19:03

Раньше я использовал эти комбинации. Я автоматизировал этот процесс при сохранении документа. Вы можете попробовать мое расширение Форматировать документ при сохранении.

ответ дан 19 мар ’21, в 19:03

Параметры автоматического форматирования в Visual Studio

В Visual Studio 2017 и Visual Studio 2019

ответ дан 20 мар ’21, в 15:03

Под меню Инструменты → Доступные опции → Текстовый редактор, затем перейдем к форматирование → Общие раздел любого языка, который вы хотите отформатировать, вы найдете Общие. Установите все три флажка форматирования.

Под менюИнструменты → Доступные опции → Текстовый редактор, затем перейдем к Вкладки раздел любого языка, который вы хотите отформатировать, вы найдете Отступ, Выбрать Smart и он будет активировать автоматическое форматирование всякий раз, когда вы используете один из закрывающих элементов; )> внутри этого блока.

Нет необходимости нажимать клавиши.

ответ дан 19 мар ’21, в 19:03

Выделите текст, для которого требуется автоматический отступ.

ответ дан 20 мар ’21, в 22:03

Затем вы просто выбираете текст и нажимаете кнопки «Увеличить отступ» или «Уменьшить отступ». Я тестировал это только на Visual Studio 2013.

Щелкните правой кнопкой мыши:

Он работает в Visual Studio 2015, возможно, более ранней версии.

ответ дан 19 мар ’21, в 20:03

В исходном вопросе говорилось: «Я не могу найти настройку».

Простой ответ: посмотрите на верхнее меню, затем

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

ответ дан 20 мар ’21, в 00:03

В более новых версиях ярлык для форматирования всего документа: Shift + другой + F

ответ дан 27 мар ’17, в 15:03

Выберите данные и щелкните правой кнопкой мыши, и вы найдете эту опцию. Форматировать документ и Выбор формата:

ответ дан 20 мар ’21, в 22:03

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

(Протестировано в Visual Studio 2010 и Visual Studio 2013)

ответ дан 19 мар ’21, в 20:03

Это Shift + другой + F в Windows.

Но вы всегда можете дважды проверить, выполнив следующие действия.

ответ дан 20 мар ’21, в 23:03

Visual Studio 2019

или просто нажмите Редактировать => Дополнительно => Форматировать документ / Выбор формата

ответ дан 20 апр.

Просто ударяя Ctrl + Shift + I сделаю работу.

ответ дан 08 мая ’21, 08:05

Для Непрерывное форматирование расширение (коммерческое, разработанное мной), код действительно автоматически форматируется по мере ввода.

Создан 10 июля ’15, 19:07

Отключить автоматическое форматирование в Visual Studio

После использования любого из встроенных рефакторингов Visual Studio забирает мои настройки настройками по умолчанию. Как я могу удержать VS от этого?

У меня была эта проблема при записи VB на aspx странице.

Решением было перейти к «Инструменты> Параметры> Текстовый редактор> Основные> VB Specific» и отключить «Pretty Listing».

Примечание. В Visual Studio 2015 это можно найти по адресу:

Инструменты> Параметры> Текстовый редактор> Основные> Дополнительно

Отключить симпатичный листинг. Это опция, которая переформатирует то, что вы делаете. У меня был тот же дискомфорт, и после этого мой код остается таким, каким я хочу, и не возвращается к прежним настройкам.

В моем случае это был ReSharper.

Проверьте, если ReSharper

Предотвратить ReSharper от переформатирования кода

Обновить

Это был ReSharper в конце концов:

В этом случае вы можете отключить его в «Инструменты> Параметры> Инструменты повышения производительности> PowerCommands> Общие».

Как подсказывает @TheMatrixRecoder, мне пришлось немного поискать, так что, возможно, это поможет кому-то еще.

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

В VS2017 вы можете изменить его после выбора языка кодирования в меню настроек. В подменю «Форматирование» есть опция «Новые строки».

Я сомневаюсь, что вы можете отключить переформатирование после рефакторинга. Рефакторинг изменяет код, и так как это всего лишь текст, я сомневаюсь, что вам нужно, чтобы он просто сбрасывал неформатированный текст в ваш источник. Не было бы немного проще просто установить стиль кода, которого придерживается VS, на стиль, который вам нравится, и следовать ему?

Переформатирование точки с запятой или закрывающей скобки отключить нельзя. Я нахожу это в ярости, что у Microsoft хватит смелости рассказать кому-либо, как форматировать код; самый неразборчивый код, который я когда-либо видел, был при работе там.

Я хочу, чтобы соседние назначения были выровнены по вертикали; VS переформатирует их в один пробел по обе стороны от знака равенства, независимо от длины переменной слева. Это невыносимо. И отключение его в опциях редактора игнорируется; учитывая комментарии, как открывашка выше, я уверен, что это намеренно.

Последовательность является только достоинством, когда оно приводит к желаемым результатам. Это не один.

Как вы автоматически форматируете код в Visual Studio?

Я знаю, что Visual Studio может автоматически форматировать мои методы и циклы с отступом правильно, но я не могу найти настройку.

20 ответов:

Для Visual Studio 2010/2013/2015/2017

ваши ярлыки могут отображаться по-разному, поскольку я настроен для кодирования C#, но навигация по панели инструментов приведет вас к вашим.

Если он не работает, искать ошибки в коде, как отсутствующие скобки, которые останавливают автоматический формат от работы

см. изображение ниже:

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

Я установил расширение с именем «формат документа при сохранении», которое форматирует весь документ каждый раз, когда вы его сохраняете. Для установки его в VS15 или 17, на инструментах просто нажмите кнопку » расширения и обновления. «:

а затем просто перейдите в раздел «Online» на левой панели и найдите » формат документа при сохранении»

Я надеюсь, что это помогает!.

Если вы показываете панель инструментов редактирования источника HTML, есть кнопка «форматировать весь документ», а также

в случае VS2012 ярлыки:

Я использовал эту комбинацию. Я автоматизировал этот процесс при сохранении документа. Вы можете попробовать мое расширение форматировать документ при сохранении

нет необходимости в нажатиях клавиш.

в исходном вопросе говорилось: «Я не могу найти настройку.»

простой ответ: Посмотрите на верхнем меню, то

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

вы можете добавить кнопки на панель инструментов, нажав на маленькую стрелку выпадающего меню справа от последней кнопки панели инструментов, выберите «Добавить или удалить кнопки», а затем нажмите кнопки, которые вы хотите добавить галочку к ним. Выбранные кнопки появятся на панели инструментов.

затем вы просто выделяете текст и нажимаете кнопки увеличения отступа или уменьшения отступа. Я тестировал это только на Visual Studio 2013.

работает в VS 2015, возможно, более ранняя версия.

но. если вы хотите добавить кнопку формат документа на панель инструментов сделать это.
Щелкните правой кнопкой мыши на панели инструментов.
Выберите » Настроить..»
Выберите вкладку «команды».
Выберите переключатель «панель инструментов».
Выберите «текстовый редактор» из выпадающего меню рядом с переключателем (или какой-либо панели инструментов вы хотите, чтобы Боттон был включен)

нажмите Добавить Команду.
Категории: Редактировать
Команды: Формат Документа
Нажмите ОК

в более новых версиях ярлык для форматирования всего документа: Shift + Alt + F

с Непрерывное Форматирование расширение (коммерческое, разработанное мной), код форматируется действительно автоматически при вводе.

просто дальше Starwfanatic и Юэн’s выше ответы. Вы можете настроить IDE для добавления любой до любой панель инструментов-таким образом, вы можете добавить кнопку Формат (как на панели инструментов редактирования исходного кода HTML) на любую другую панель инструментов (например, редактирование текста со всеми другими элементами управления редактированием, такими как увеличение/уменьшение отступа).

щелкните стрелку справа от панели инструментов > добавить или удалить кнопки > настроить. > Вкладку «команды» > «добавить» Команда. кнопка.

Формат Документа и Выбор Формата находятся под Edit группы.

(проверено в VS2010 и VS2013)

вырезать / вставить раздел Еще один быстрый способ (и легко запомнить).

Как использовать код Visual Studio

Вступление

Я использовал множество редакторов и IDE за последние несколько лет. Я помню TextMate, TextWrangler, Espresso, BBEdit, XCode, Coda, Brackets, Sublime Text, Atom, vim, PHPStorm. Разница между IDE и редактором в основном заключается в наборе функций и сложности.

Я в основном предпочитаю редактор IDE, так как он быстрее и меньше мешает.

Последние 12 месяцев я использую VS Code, редактор с открытым исходным кодом от Microsoft, и он быстро стал моим любимым редактором.

Стоит ли переходить на VS Code? И почему?

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

Этот редактор основан на многолетнем редакционном опыте Microsoft.

Код редактора полностью открыт, и за его использование не требуется никакой оплаты.

Оно используетЭлектронв качестве основы, что позволяет ему быть кроссплатформенным и работать на Mac, Windows и Linux. Он построен с использованием Node.js, и вы можете расширить его с помощью JavaScript (что делает его выигрышным для всех нас, разработчиков JavaScript).

Этобыстрый, самый быстрый редактор, который я использовал после Sublime Text.

Это вызвало энтузиазм сообщества: есть тысячирасширения, некоторые официальные, некоторые сделаны сообществом, и этопобедившие опросы.

Microsoft выпускает обновление каждый месяц. Частые обновления способствуют инновациям, и Microsoft прислушивается к своим пользователям, сохраняя при этом платформу как можно более стабильной (я должен сказать, что у меня никогда не было проблем с VS Code за 1 год использования его каждый день почти весь день).

Начиная

Домашняя страница Visual Studio Code в Интернете:https://code.visualstudio.com/.

Перейдите на этот сайт, чтобы загрузить последнюю стабильную версию редактора.

Процесс установки зависит от платформы, и вы должны к этому привыкнуть.

При первом запуске редактора вы увидите экран приветствия:

Слева находится панель инструментов с 5 значками. Это дает доступ к:

Исследователь

Начнем исследование с проводника (каламбур).

Нажмите кнопку «Открыть папку» на боковой панели или Open folder. ссылку на странице приветствия. Оба вызовут окно выбора файлов.

Выберите одну папку, в которой есть исходный код или даже просто текстовые файлы, и откройте ее.

VS Code покажет содержимое этой папки в вашем представлении:

Справа в пустом представлении показаны некоторые команды для выполнения некоторых быстрых операций и их сочетание клавиш.

Если вы выберете файл слева, этот файл откроется на главной панели:

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

Нажатие CMD+P покажет вам средство быстрого выбора файлов, чтобы легко перемещать файлы в больших проектах:

Примечание. Я использую сочетания клавиш Mac. В большинстве случаев в Windows и Linux вы просто меняете CMT на CTRL, и это работает, но не всегда. Распечатайте свойсправочник по сочетаниям клавиш.

Поиск

Вы можете щелкнуть значки, чтобы сделать поиск чувствительным к регистру, сопоставить целые слова (не подстроки) и использовать регулярное выражение для строки поиска.

Щелчок по символу ▷ слева включает инструмент поиска и замены.

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

Управления источником

Вкладка Source Control включается нажатием третьего значка на панели инструментов.

VS Code поставляется с поддержкой Git из коробки. В этом случае для папки, которую мы открыли, не инициализирован исходный элемент управления.

Щелчок по первому значку сверху с логотипом Git позволяет нам инициализировать репозиторий Git:

В U рядом с каждым файлом означает, что он был обновлен с момента последней фиксации (поскольку мы никогда не выполняли фиксацию, все файлы обновляются).

Создайте первую фиксацию, написав текстовое сообщение и нажав Cmd-Enter или щелкнув значок ✔︎ вверху.

Обычно я устанавливаю это так, чтобы изменения выполнялись автоматически при их фиксации.

Значок с тремя точками при нажатии предлагает множество вариантов взаимодействия с Git:

Отладчик

Четвертый значок на панели инструментов открывает отладчик JavaScript. Это заслуживает отдельной статьи. А пока проверьтеофициальные документы.

Расширения

Пятый значок переносит нас в расширения.

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

У меня установлено много расширений.

Следует помнить, что каждое устанавливаемое вами расширение будет влиять (более или менее) на производительность вашего редактора.

Вы можете отключить устанавливаемое расширение и включать его только тогда, когда оно вам нужно.

Вы также можете отключить расширение для определенной рабочей области (о рабочих областях мы поговорим позже). Например, вы не хотите включать расширения JavaScript в проекте Go.

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

Поскольку я редактирую множество файлов разметки для своего блога, VS Code предлагает мне markdownlint расширение, которое обеспечивает линтинг и проверку синтаксиса для файлов Markdown.

В качестве примера установим его.

Сначала я проверяю количество просмотров. Это 1,2 миллиона, так много! И отзывы положительные (4. 5 ⁄₅). При нажатии на имя расширения справа открываются подробные сведения.

Нажатие зеленой кнопки Install запускает простой процесс установки. Он делает все за вас, и вам просто нужно нажать кнопку «Перезагрузить», чтобы активировать его, что в основном перезагружает окно редактора.

Выполнено! Давайте протестируем это, создав файл уценки с ошибкой, например, с отсутствующим alt атрибут на изображении. Он успешно сообщает нам об этом:

Ниже я расскажу о некоторых популярных расширениях, которые вы не хотите пропустить, и о тех, которые я использую чаще всего.

Терминал

VS Code имеет встроенный терминал.

Это очень удобно, потому что в современной веб-разработке почти всегда есть npm или же yarn процесс работает в фоновом режиме.

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

Палитра команд

Вверху появится модальное окно, предлагающее вам различные варианты в зависимости от того, какие плагины вы установили и какие команды использовали последними.

Я выполняю следующие общие операции:

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

Помните, когда вы набирали CMD+P чтобы увидеть список файлов, раньше? Это ярлык для конкретной функции палитры команд. Есть и другие:

Какие символынаходятсязависит от типа файла. В JavaScript это могут быть классы или функции. В Markdown заголовки разделов.

Это покажет вам список установленных тем:

вы можете щелкнуть по одному или переместиться с помощью клавиатуры, и VS Code покажет вам предварительный просмотр. Нажмите Enter, чтобы применить тему:

Настройка

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

Все те настройки, которые мы сделали до сих пор, тема и тема значков, сохраняются в настройках пользователя.

Идти к Preferences ➤ Settings (также можно добраться через CMD-, ) чтобы увидеть их:

Вы можете применить некоторые настройки глобально, вПользовательские настройкиили относительно рабочей области вНастройки рабочего пространства.

В большинстве случаев эти настройки автоматически добавляются расширениями или самим VS Code, но в некоторых случаях вы напрямую редактируете их здесь.

Хорошие варианты конфигурации

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

Несколько хороших параметров конфигурации, которые я установил в своем коде:

Вариант	Описание
«editor.minimap.enabled»: false	Удалите миникарту, которая отображается справа от редактора.
«explorer.confirmDelete»: false	Перестаньте спрашивать у меня подтверждение, когда я хочу удалить файл (у меня есть система контроля версий!)
«explorer.confirmDragAndDrop»: false	Отключить подтверждение перетаскивания
«editor.formatOnSave»: true	Отформатируйте код автоматически, когда я его сохраню
«editor.formatOnPaste»: true	Отформатируйте код автоматически, когда я вставляю его в свой код
«javascript.format.enable»: true	Включить форматирование для кода JavaScript
«files.trimTrailingWhitespace»: true	Обрезать пробелы в файлах
«editor.multiCursorModifier»: «alt»	Нажимая клавишу Alt и щелкая мышью, я могу выбрать несколько строк.
«editor.detectIndentation»: true	Адаптироваться к отступу файла, полезно при редактировании кода других людей
«editor.quickSuggestionsDelay»: 0	Показывать предложение кода сразу, а не через несколько секунд

Лучший шрифт для кодирования

Включите его, установив шрифт и добавив его в свою конфигурацию:

Рабочие места

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

Вы создаете рабочее пространство из существующего проекта, щелкнув значок File ➤ Save Workspace as. меню.

Текущая открытая папка станет основной папкой рабочего пространства.

В следующий раз, когда вы откроете код VS или переключите проект, вместо открытия папки вы откроете рабочую область, которая автоматически откроет папку, содержащую ваш код, и запомнит все настройки, которые вы установили для этой рабочей области.

Помимо настроек на уровне рабочей области, вы можете отключить расширения для определенной рабочей области.

Вы можете просто работать с папками, пока у вас не появится конкретная причина, по которой вам нужно рабочее пространство.

Редактирование

IntelliSense

Когда вы редактируете на одном из поддерживаемых языков (JavaScript, JSON, HTML, CSS, Less, Sass, C # иМашинопись) VS Code имеет IntelliSense, технологию, которая намекает на автозаполнение функций и параметров при их вводе.

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

Две удобные команды ( Format Document и Format Selection ) доступны на палитре команд для автоформатирования кода. VS Code по умолчанию поддерживает автоматическое форматирование для HTML, JavaScript, TypeScript и JSON.

Ошибки и предупреждения

Когда вы откроете файл, вы увидите справа полосу с несколькими цветами. Эти цвета указывают на некоторые проблемы в вашем коде. Например, вот что я вижу прямо сейчас:

Это все предупреждения или ошибки. Вы можете попытаться найти их в коде, где вы видите фрагменты, подчеркнутые красным, или вы также можете нажать CMD-Shift-M (или выберите View ➤ Problems )

Горячие клавиши

До сих пор я показывал вам множество сочетаний клавиш.

Запоминать их все становится сложно, но они помогают продуктивно работать. Предлагаю распечатать официальную шпаргалку по горячим клавишам,Mac,LinuxиОкна.

Раскладки

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

Команда VS Code предоставляет раскладки клавиатуры для самых популярных редакторов из коробки: vim, Sublime Text, Atom, IntelliJ, Eclipse и другие. Они доступны как плагины. Открыв Preferences ➤ Keymaps Extensions меню.

Фрагменты кода

Сниппеты очень крутые.

Для каждого языка, на котором вы, возможно, разрабатываете, есть расширения, которые предоставляют вам готовые фрагменты кода.

Для JavaScript / React одним из популярных являетсяVS Code ES7 React / Redux / React-Native / фрагменты JS

таких ярлыков много, и они экономят много времени. Не только путем набора текста, но и поиска правильного синтаксиса.

Вы также можете определить свои собственные фрагменты. Нажмите Preferences ➤ User Snippets и следуйте инструкциям, чтобы создать собственный файл фрагментов.

Витрина расширений

Команда интерфейса командной строки VS Code

Откройте палитру команд и найдите install ‘code’ command in PATH команда.

Нажмите Enter и code команда будет доступна глобально в вашей командной строке.

Решение проблем с высокой загрузкой ЦП

Options, Text Editor, C/C++, Formatting

Use these property pages to change the default behavior of the code editor when you are programming in C or C++.

To access this page, in the Options dialog box, in the left pane, expand Text Editor, expand C/C++, and then click Formatting.

Your computer might show different names or locations for some of the Visual Studio user interface elements in the following instructions. The Visual Studio edition that you have and the settings that you use determine these elements. For more information, see Personalize the Visual Studio IDE.

General Page

This page has options for formatting statements and blocks as you type them.

Configuring ClangFormat options

By default, Visual Studio runs clangformat.exe in the background applies formatting as you type. You can also specify to run it only for manually invoked formatting commands Format Document (Ctrl+K, Ctrl+D) or Format Selection (Ctrl + K, Ctrl + F).

Indentation, New Lines, Spacing, Wrapping pages

These pages enable various formatting customizations but are ignored if ClangFormat is enabled.

Как изменить отступ в коде Visual Studio?

Для каждого машинописного файла код Visual Studio использует автоматический отступ в 8 пробелов. Это слишком много, на мой вкус, но я не могу найти, где это изменить.

Может быть, это доступно как настройка, но под другим именем, так как я не могу найти ничего, связанного с отступом.

ОБНОВИТЬ

В настоящее время я использую средство форматирования кода Преттиера, и это решает все проблемы форматирования путем автоматического форматирования при сохранении (если нет синтаксической ошибки)

Вы можете изменить это на глобальном User уровне или Workspace уровне.

Затем выполните следующие 2 изменения: (введите tabSize в строке поиска)

На панели инструментов в правом нижнем углу вы увидите элемент, который выглядит следующим образом: Нажав на него, вы получите возможность сделать отступ с помощью пробелов или табуляции. После выбора типа отступа у вас будет возможность изменить размер отступа. В приведенном выше примере отступ равен 4 пробелам на отступ. Если в качестве символа отступа выбрана вкладка, то вместо размера вкладки вы увидите пробелов

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и в Editor: Insert Spaces настройках пользователя или в настройках рабочей области. зависимости от ваших потребностей

Редактировать 1

Как изменить параметры форматирования в Visual Studio Code?

Я знаю, что вы можете форматировать код, используя Ctrl + F / Cmd + F в Visual Studio Code, но как изменить параметры форматирования для каждого языка?

Например, в Visual Studio 2013 я могу выбрать компактный режим для CSS.

Есть ли еще один скрытый файл JSON для этого?

нажмите Ctrl + Shift + P

затем введите Format Document With.

В конце списка нажмите на Configure Default Formatter.

Теперь вы можете выбрать понравившееся украшение из списка.

Обновление 2021

Я только что нашел это расширение под названием beautify в Market Place, и да, это еще один файл config \ settings. 🙂

Украсить javascript, JSON, CSS, Sass и HTML в Visual Studio Code.

Редактировать:

Если в настоящее время мы говорим о Visual Studio Code, вы устанавливаете средство форматирования по умолчанию в settings.json :

Укажите идентификатор любого установленного расширения, т.е.

Вы также можете сделать это для конкретного формата :

Вы также можете назначить другие клавиши для разных форматеров с помощью сочетаний клавиш ( keybindings.json ). По умолчанию он гласит:

Вы можете внести некоторые изменения в «Настройках». Например, правила javascript начинаются с «javascript.format». Но для расширенного управления форматированием все же нужно использовать некоторые расширения.

Чтобы конкретно изменить настройки форматирования C # (OmniSharp), вы можете использовать файл json:
User:

/.omnisharp/omnisharp.json или %USERPROFILE%\.omnisharp\omnisharp.json
Workspace: omnisharp.json файл в рабочем каталоге, на который был указан OmniSharp.

Подробности об этом посте | схема omnisharp.json (она уже есть в vscode, вы можете просто CTRL + ПРОБЕЛ)

Другие языковые расширения могут иметь аналогичные файлы для его настройки.

То же самое случилось со мной только что. Я установил красивее как средство форматирования по умолчанию в настройках, и он снова начал работать. Мой модуль форматирования по умолчанию был нулевым.

Чтобы установить VSCODE Default Formatter

Как изменить отступ в коде Visual Studio?

Для каждого файла машинописного текста код Visual Studio использует автоматический отступ в 8 пробелов. На мой вкус это многовато, но я не могу найти, где это изменить.

Возможно, он доступен как параметр, но под другим именем, так как я не могу найти ничего, связанного с отступом.

ОБНОВЛЕНИЕ

В настоящее время я использую программу форматирования кода Prettier, которая решает все проблемы с форматированием. автоматическим форматированием при сохранении (если нет синтаксической ошибки)

12 ответов

Затем внесите следующие 2 изменения: (введите tabSize в строке поиска)

Проблема: принятый ответ на самом деле не исправляет отступ в текущем документе.

Проблема: HTML-документы в моих проектах относятся к типу «Django HTML», а не «HTML», и нет доступного средства форматирования.

Решение: переключите их на синтаксис «HTML», отформатируйте их, затем снова переключитесь на «Django HTML».

Проблема: форматировщик HTML не знает, как обрабатывать теги шаблонов Django, и отменяет большую часть моих тщательно примененных вложений.

Решение: установите расширение Indent 4-2, которое выполняет отступы строго, без с учетом синтаксиса текущего языка (что я и хочу в данном случае).

Упрощенное объяснение с картинками для тех, кто искал в Google «Изменить отступ в VS Code»

Шаг 3. Прокрутите вниз до пункта «Редактор: размер вкладки» и введите 2 (или что угодно).

Изменения сохраняются автоматически

Пример моих изменений

Как превратить отступ с 4 пробела во всех файлах в VS Code на 2 пробела

Как превратить отступ с 2 пробела во всех файлах в VS Code на 4 пробела

ПРИМЕЧАНИЕ. Сначала необходимо включить PERL Regex. Вот как:

Надеюсь, кто-нибудь это увидит.

Вот пример конфигурации. «Indent_size» устанавливает количество пробелов для табуляции.

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

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

выбор столбца с помощью клавиатуры Ctrl + Shift + Alt + стрелка

Вы также можете установить для editor.detectIndentation значение false в дополнение к ответу Elliot-J.

VSCode перезапишет ваши настройки editor.tabSize и editor.insertSpaces для каждого файла, если обнаружит, что в файле есть другой шаблон отступа табуляции или пробелов. Вы можете столкнуться с этой проблемой, если вы добавите существующие файлы в свой проект или если вы добавите файлы с помощью генераторов кода, таких как Angular Cli. Приведенный выше параметр не позволяет VSCode делать это.

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

перейти к предпочтениям

перейти к настройкам

поиск ‘редактор: обрезка автоматического пробела’

Чтобы установить для всех существующих файлов и новых файлов отступ до 2, просто поместите его в свой файл settings.json (в корень json):

Вы можете добавить языковой тип конфигурации:

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и Editor: Insert Spaces в Настройках пользователя или Настройках рабочей области в зависимости от ваших потребностей

Редактировать 1

Я хотел изменить отступ моего существующего файла HTML с 4 до 2 пробелов.

Я нажал кнопку «Пробелы: 4» в строке состояния и изменил их на два в следующем диалоговом окне.

Я использую расширение vim. Я не знаю, как изменить отступ без vim

Чтобы изменить отступ в моем текущем файле, я использовал это:

9 хитростей для работы с Visual Studio Code

Привет, Хабр! Сегодня мы отобрали 9 самых интересных лайфхаков для работы с Visual Studio Code. Среди них полезные сочетания клавиш и функциональные виджеты. Подробности под катом!

1. Интерактивная игровая площадка

В правом нижнем углу страницы Welcome есть ссылка на Interactive playground, где вы можете в интерактивном режиме опробовать возможности VS Code. Либо вы можете перейти туда через Help > Interactive Playground.

2. Переход к символу в файле

Сочетание клавиш: Ctrl+Shift+O

Вы можете сгруппировать символы по виду, добавив двоеточие, @:.

3. Перемещение строки вверх или вниз

Сочетание клавиш: Alt+Up или Alt+Down

4. Редактирование «Бок о бок»

Сочетание клавиш: Ctrl+\

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

5. Переключение между несколькими редакторами

Сочетание клавиш: Ctrl+1, Ctrl+2, Ctrl+3

6. Переход к началу/концу файла

Сочетание клавиш: Ctrl+Home и Ctrl+End

7. Переключение боковой панели

Сочетание клавиш: Ctrl+B

8. IntelliSense

Сочетание клавиш: Ctrl+Space

При помощи виджета «Подсказки» вы можете просматривать доступные методы, подсказки параметров, краткую документацию и т. д.

How do you format python code in Visual Studio Code?

Opened a ticket with AutoPep8, but when I installed the autopep8 extension, it doesn’t seem to find the module. When I change the config to tell it where it is a format doesn’t do anything. Formating in terminal does however. Any ideas? https://github.com/hhatto/autopep8/issues/349#issuecomment-335662565

3 Answers 3

Trending sort

Trending sort is based off of the default sorting method — by highest score — but it boosts votes that have happened recently, helping to surface more up-to-date answers.

It falls back to sorting by highest score if no posts are trending.

Switch to Trending sort

autopep8 is listed as a requirement. On mac, using brew, you can install it as follows:

Install the below python packages for Python Code Format supporting in Windows

«Параметры», «Текстовый редактор», XAML, «Форматирование»

Используйте страницу свойств Форматирование для настройки форматирования элементов и атрибутов в документах XAML. Чтобы открыть диалоговое окно Параметры, в меню Сервис выберите пункт Параметры. Чтобы открыть страницу свойств Форматирование, разверните узел Текстовый редактор>XAML>Форматирование.

События автоформатирования

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

Ввод закрывающего тега или тега в краткой форме записи.

Ввод открывающего тега.

Вставка из буфера обмена.

Форматирование команд клавиатуры.

Можно указать, какие события инициируют автоматическое форматирование.

При вводе закрывающего тега или тега в краткой форме записи

При вводе открывающего тега

Автоматическое форматирование происходит после ввода открывающего тега.

При вставке из буфера обмена

Автоматическое форматирование происходит при вставке кода XAML из буфера обмена в представление XAML.

Стиль кавычек

Этот параметр определяет заключение значений атрибутов в одинарные или двойные кавычки. Он используется в средстве автоматического форматирования и в функции автоматического завершения IntelliSense.

Установка этого параметра затрагивает только атрибуты, добавляемые впоследствии при помощи конструктора или вручную в представление XAML.

Двойные кавычки («)

Значения атрибутов заключаются в двойные кавычки. Hello

Одинарные кавычки (‘)

Значения атрибутов заключаются в одинарные кавычки. Hello

Перенос тегов

Можно задать длину строки для переноса тегов. Если перенос тегов включен, любой добавляемый впоследствии код XAML (при помощи конструктора) будет соответствующим образом переноситься.

Переносить теги, превосходящие указанную длину

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

Длина

Допустимое число символов в строке. При необходимости длина строк XAML может превышать указанную длину строк.

Интервалы между атрибутами

С помощью этого параметра можно настроить расположение атрибутов в документе XAML.

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

Автоматическое форматирование не будет применяться к новым строкам и пробелам между атрибутами.

Вставлять только один пробел между атрибутами

Атрибуты располагаются на одной строке. Соседние атрибуты отделяются одним пробелом. Применяются параметры переноса тегов.

Размещать каждый атрибут на отдельной строке

Каждый атрибут располагается на отдельной строке, что бывает полезно при наличии большого количества атрибутов.

Размещать первый атрибут на одной строке с открывающим тегом

Если флажок установлен, первый атрибут будет размещаться в той же строке, что открывающий тег элемента.

Интервалы между элементами

С помощью этого параметра можно настроить расположение элементов в документе XAML.

Сохранять в содержимом символы новой строки

Пустые строки в содержимом элемента не удаляются.

Свертывать в содержимом пустые строки в одну

Пустые строки в содержимом элемента будут свернуты в одну строку.

Удалять в содержимом пустые строки

В содержимом элемента будут удаляться все пустые строки.

Повышение скорости написания кода: emmet и его использование в vscode

Автоформатирование кода

Один из важных этапов программирования – умение приводить все к единому виду с правильными отступами. Для таких задач в VS Code есть специальные плагины, позволяющие форматировать весь текстовый документ. Это такие расширения, как PHP-CS-Fixer для PHP, Prettier для JS/HTML/CSS и другие.

Рассмотрим, как форматируется код, написанный на JavaScript:

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

Пустая программа

PlatformIO создает пустой эскиз с каждым новым проектом.

Откройте его на вкладке Explorer, перейдя в SRC / main.cpp, который откроет эскиз. Вы заметите, что файл имеет расширение, отличное от обычных набросков Arduino. CPP означает C Plus Plus (C ++), язык программирования, используемый языком Arduino и IDE.

Здесь вы увидите некоторое знакомство — у эскиза есть функции настройки и цикла, как у обычного эскиза Arduino. Основное отличие находится в верхней части программы. Заголовок #include должен присутствовать в каждом проекте PlatformIO, чтобы он работал.

Теперь давайте настроим аппаратный мир Hello World — мигающий светодиодный эскиз.

Изменение параметров рабочего пространства

Если вы перейдите на страницу DevTools Параметры, выбрав Параметры (значок шестеренки или), вы можете изменить поведение эксперимента. При выборе страницы Workspace в Параметры, у вас есть несколько вариантов.

На Параметрырабочей области перечислены ваши области работы, а также > **** параметры конфигурации.

Чтобы определить, следует ли открывать исходные файлы в Visual Studio Code, выберите файлы с открытым исходным кодом в Visual Studio Code почтовом ящике.

Чтобы автоматически сохранить изменения DevTools на диске, выберите изменения Save DevTools в почтовый ящик диска.

Чтобы автоматически исключить папки из папки рабочего пространства, используйте текстовое поле Folder exclude pattern.

Чтобы исключить папку из определенного рабочего пространства, рядом с исключенными папками выберитекнопку Добавить.

Чтобы добавить дополнительное рабочее пространство, выберите кнопку Добавить папку.

3: Настройка ESLint

Чтобы интегрировать ESLint в Visual Studio Code, вам необходимо установить расширение ESLint для VS Code. Вернитесь в Visual Studio Code и найдите ESLint во вкладке Extensions. После того, как вы найдете это расширение, нажмите Install.

После установки расширения ESLint вы заметите красочное подчеркивание в файле app.js – это линтер выделил ошибки в файле. Отметки в ESLint имеют разные цвета в зависимости от степени серьезности. Если вы наведете курсор на подчеркнутый код, вы увидите сообщение, объясняющее вам ошибку. Таким образом, ESLint помогает находить ошибки в коде и устранять их.

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

Настройка редактирования локальных файлов в Visual Studio Code

Сначала выберите DevTools > Параметрыэксперименты с открытыми исходными файлами в Visual Studio Code, а затем снова запустите > **** > **** DevTools.

С помощью этого эксперимента предположим, что Microsoft Edge вы перейдите на локальный сервер (например, или) или откройте локальный файл.

Когда вы открываете DevTools, вам будет предложено определить корневую папку. Вы можете отказаться, выбрав кнопку Close () или выбрав кнопку. Дополнительные сведения можно получить, выбрав ссылку.

Если выбрать кнопку Set root folder, операционная система подсказит вам перейти к папке и выбрать ее.

После выбора корневой папки необходимо предоставить DevTools полный доступ к папке. Над панелью инструментов запрос с **** кнопками Разрешить или Запретить задает вопрос о том, следует ли предоставлять разрешение devTools на доступ к папке.

После предоставления разрешения выбранная папка добавляется в качестве рабочей области в DevTools на вкладке Filesystem средства Sources. Это означает, что любой файл, который вы редактируете в DevTools, теперь открывается в Microsoft Visual Studio коде, а не в средстве Sources. В качестве индикатора мы показывем значок рядом с именем файла. В этом примере мы выберем ссылку в инструменте Styles.

DevTools открывает экземпляр Visual Studio Code и показывает все файлы в корневой папке. DevTools также открывает выбранный файл, прокрутки в правильную строку селектора CSS.

Все изменения, внесенные в файл в DevTools, теперь синхронизируются с Visual Studio Code. Например, если добавить правило в стили тела, то это же правило CSS автоматически будет добавлено в файл в редакторе кода Visual Studio Code.

Оглавление руководства по редактору Visual Studio Code

Глава 1. Редактор Visual Studio Code
1.1. Установка VS Code
1.2. Настройка редактора
1.3. Смена цветовой темы
1.4. Структура окна редактора
1.4.1. Главное меню
1.4.2. Боковая панель действий
1.4.3. Строка состояния
1.4.4. Нижняя панель
1.4.5. Палитра команд
1.5. Работа с файлами и каталогами
1.5.1. Создание и сохранение файла
1.5.2. Закрытие вкладки с файлом
1.5.3. Открытие файла на редактирование
1.5.4. Открытие каталога и работа с ним
1.6. Отображение содержимого нескольких файлов одновременно
1.7. : автоматическое обновление Web-страницы1.8. : ускорение набора HTML-кода

1.9. : ускорение набора CSS-кода

1.10. Всплывающие подсказки при вводе
1.11. Пользовательские фрагменты кода
1.11.1. В
1.11.2. В редакторе VS Code
1.12. Работа с курсорами и выделениями
1.13. Сворачивание и разворачивание блоков кода
1.14. Изменение регистра символов
1.15. Изменение масштаба
1.16. Полноэкранный режим
1.17. Форматирование кода
1.18. Полезные сторонние расширенияГлава 2. Расширение Bootstrap v4 Snippets для редактора VS Code
2.1. Форматирование Web-страницы с помощью стилей
2.1.1. Форматирование текста
2.1.2. Списки
2.1.3. Таблицы
2.1.4. Графика и видео
2.1.5. Управление обтеканием
2.2. Размещение элементов внутри окна
2.2.1. Flex-контейнеры
2.2.2. Базовые контейнеры в библиотеке Bootstrap
2.2.3. Система сеток в библиотеке Bootstrap
2.3. Формы и элементы управления
2.3.1. Вставка формы
2.3.2. Командные кнопки
2.3.3. Поля для ввода данных
2.3.4. Списки со значениями
2.3.5. Флажки и переключатели
2.3.6. Выключатели
2.3.7. Поле выбора файла
2.3.8. Шкала с ползунком
2.3.9. Элемент
2.3.10. Компонент
2.3.11. Группа с кнопками
2.3.12. Группа с кнопками-переключателями
2.3.13. Проверка данных формы
2.3.14. Индикатор хода процесса
2.3.15. Компонент : индикатор состояния загрузки
2.3.16. Компонент : кнопка с выпадающим меню
2.4. Готовые компоненты
2.4.1

Компонент : выделение важного содержимого
2.4.2. Компонент : уведомления
2.4.3

Компонент : выделение фрагментов текста
2.4.4. Компонент : карточки
2.4.5. Компонент : сворачивание и разворачивание области с содержимым
2.4.6. Компонент : контейнер со ссылками или ярлыками вкладок
2.4.7. Компонент : список с пунктами, ссылками или кнопками
2.4.8. Компонент : хлебные крошки
2.4.9. Компонент : постраничная навигация
2.4.10. Компонент : панель навигации
2.4.11. Компонент : циклическое повторение слайдов
2.4.12. Компонент : всплывающие информеры
2.4.13. Компонент : всплывающие уведомления
2.4.14. Компонент : модальные диалоговые окнаГлава 3. Расширение jQuery Code Snippets для редактора VS Code
3.1. Первые шаги
3.1.1. Вставка анонимной функции
3.1.2. Определение готовности документа
3.2. Перебор элементов коллекции
3.2.1. Метод
3.3. Изменение коллекции элементов
3.3.1. Привязка поиска к другим элементам
3.4. Манипуляции с элементами
3.4.1. Изменение содержимого элементов
3.4.2. Добавление содержимого перед элементом или после него
3.4.3. Вложение элементов
3.4.4. Клонирование элементов
3.4.5. Очистка содержимого и удаление элемента
3.4.6. Замена элемента
3.4.7. Изменение атрибутов CSS
3.4.8. Управление классами стилей
3.4.9. Доступ к параметрам тегов
3.4.10. Доступ к свойствам объектов
3.4.11. Вычисление положения элементов
3.4.12. Положение полосы прокрутки
3.5. Обработка событий
3.5.1. События документа
3.5.2. События мыши
3.5.3. События клавиатуры
3.5.4. События формы
3.5.5. Назначение обработчиков событий
3.5.6. Вызов обработчиков событий из программы
3.5.7. Удаление обработчиков событий
3.6. Вспомогательные функции и объекты
3.6.1. Функция : перебор элементов
3.6.2. Функция : преобразование массива или объекта
3.6.3. Работа с данными
3.7. Создание собственных модулей
3.8. Эффекты и анимация
3.8.1. Управление отображением элемента
3.8.2. Изменение прозрачности элемента
3.9. Поддержка AJAX в jQuery
3.9.1. Метод
3.9.2. Функция
3.9.3. Функция
3.9.4. Функция
3.9.5. Функция
3.9.6. Функция

Панель переходов

Для перехода по коду в базе можно использовать панель навигации (раскрывающиеся списки в верхней части окна кода). Вы можете выбрать тип или элемент и перейти непосредственно к ним. Панель навигации отображается при редактировании кода в базе кода Visual Basic, C# или C++. В разделяемом классе элементы, определенные за пределами текущего файла кода, могут быть неактивны (отображаются серым цветом).

Перемещаться по раскрывающимся спискам можно следующим образом:

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

Чтобы перейти к классу или типу, выберите его в среднем раскрывающемся списке.

Чтобы перейти непосредственно к процедуре или другому члену класса, выберите их в раскрывающемся списке справа.

Чтобы переместить фокус с окна кода на панель навигации, нажмите клавиши CTRL+F2.

Чтобы перемещать фокус от поля к полю на панели навигации, нажмите клавишу TAB.

Чтобы выбрать элемент панели навигации, находящийся в фокусе, и вернуться в окно кода, нажмите клавишу ВВОД.

Чтобы вернуть фокус с панели навигации на код без выбора каких-либо элементов, нажмите клавишу ESC.

Чтобы скрыть панель навигации, измените значение параметра Панель навигации в параметрах «Все языки» текстового редактора (Сервис > Параметры > Текстовый редактор > Все языки) или измените параметр для конкретного языка.

Выделение ссылок

Кодирование — это процесс преобразования набора символов Юникода в последовательность байтов. Декодирование — это процесс преобразования последовательности закодированных байтов в набор символов Юникода.

Стандарт Юникода присваивает каждому символу в каждом поддерживаемом скрипте кодовую точку (число). Формат преобразования Юникода (UTF) — это способ кодирования кодовой точки. Стандарт Unicode использует следующие утфс:

UTF-8, который представляет каждую кодовую точку как последовательность из одного до четырех байтов.

UTF-16, представляющий каждую кодовую точку как последовательность из одного до 2 16-разрядных целых чисел.

UTF-32, представляющий каждую кодовую точку в виде 32-разрядного целого числа.

UnicodeEncodingКласс представляет кодировку UTF-16. Кодировщик может использовать обратный порядок байтов (самый значащий байт) или прямой порядок байтов (минимальный значащий байт). Например, Латинская прописная буква A (кодовая точка U + 0041) сериализуется следующим образом (в шестнадцатеричном формате):

Обратный порядок байтов с обратным порядком: 00 00 00 41

Прямой порядок байтов: 41 00 00 00

Обычно более эффективно хранить символы Юникода с помощью собственного байтового порядка конкретной платформы. Например, лучше использовать прямой порядок байтов на платформах с прямым порядком байтов, таких как компьютеры Intel. UnicodeEncodingкласс соответствует Windows кодовых страниц 1200 (с прямым порядком байтов) и 1201 (порядок байт с обратным порядком байтов). Можно определить «порядок следования байтов» определенной архитектуры, вызвав BitConverter.IsLittleEndian метод.

При необходимости UnicodeEncoding объект предоставляет метку порядка байтов (BOM), которая представляет собой массив байтов, который может быть префиксом последовательности байтов, полученной в результате процесса кодирования. Если преамбула содержит метку порядка байтов (BOM), она помогает декодеру определить порядок байтов и формат преобразования или кодировку UTF.

Если UnicodeEncoding экземпляр настроен для предоставления спецификации, его можно извлечь, вызвав GetPreamble метод. в противном случае метод возвращает пустой массив

Обратите внимание, что, даже если UnicodeEncoding объект настроен для поддержки спецификации, необходимо включить спецификацию в начало закодированного потока байтов. методы кодирования UnicodeEncoding класса не делают это автоматически

Создать экземпляр UnicodeEncoding объекта можно несколькими способами, в зависимости от того, нужно ли ему предоставлять метку порядка следования байтов (BOM), требуется ли кодирование с обратным порядком или обратно с обратным порядком байтов и требуется ли включить обнаружение ошибок. В следующей таблице перечислены UnicodeEncoding конструкторы и Encoding свойства, возвращающие UnicodeEncoding объект.

Участник	Порядок байтов	BOM	Определение ошибки
BigEndianUnicode	С обратным порядком байтов	Да	Нет (замена резервного варианта)
Encoding.Unicode	С прямым порядком байтов	Да	Нет (замена резервного варианта)
С прямым порядком байтов	Да	Нет (замена резервного варианта)
Настраивается	Настраивается	Нет (замена резервного варианта)
Настраивается	Настраивается	Настраивается

GetByteCountМетод определяет, сколько байт приводит к кодированию набора символов Юникода, и GetBytes метод выполняет фактическую кодировку.

Аналогичным образом, GetCharCount метод определяет, сколько символов приводит к декодированию последовательности байтов, а GetChars методы и GetString выполняют фактическое декодирование.

Для кодировщика или декодера, который может сохранять сведения о состоянии при кодировании или декодировании данных, охватывающих несколько блоков (например, строку 1 000 000 символов, закодированную в сегментах 100 000), используйте GetEncoder Свойства и GetDecoder соответственно.

Шаг 1 — Знакомство с вкладкой Source Control

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

Откройте Visual Studio Code и запустите встроенный терминал. Вы можете открыть его, используя сочетание клавиш в Linux, macOS или Windows.

Используя терминал, создайте каталог для нового проекта и перейдите в этот каталог:

Затем создайте репозиторий Git:

Также вы можете сделать это в Visual Studio Code, открыв вкладку Source Control (иконка выглядит как развилка дороги) в левой панели:

Затем нажмите кнопку Open Folder:

При нажатии кнопки откроется проводник файлов, где будет открыт текущий каталог. Выберите предпочитаемый каталог проекта и нажмите Open.

Затем нажмите Initialize Repository:

Вы увидите созданный каталог :

После этого на панели Source Control вы увидите, что рядом с именем вашего нового файла отображается буква U. Обозначение U означает, что файл не отслеживается, то есть, что это новый или измененный файл, который еще не был добавлен в репозиторий:

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

Чтобы записать изменения, введите команду отправки в поле ввода в верхней части панели Source Control. Затем нажмите иконку отметки check для отправки файла в репозиторий.

После этого вы увидите, что несохраненных изменений нет.

На панели исходного кода вы увидите, что ваш файл изменился. Рядом с именем файла появится буква M, означающая, что файл изменен:

Для практики давайте запишем это изменение в репозиторий.

Теперь вы познакомились с работой через панель контроля исходного кода, и мы переходим к интерпретации показателей gutter.

4: Работа с ветками

В нижней панели вы можете создавать и переключать ветки. Если вы посмотрите в самый нижний левый угол редактора, вы увидите значок управления версиями (он выглядит как развилка), рядом с которым будет указано имя текущей рабочей ветки (например, master).

Чтобы создать нову ветку, кликните на имя текущей ветки. На экране должно появиться меню, дающее вам возможность создать новую ветку.

Для примера создайте новую ветку под названием test.

Теперь внесите изменения в свой файл index.html, чтобы обозначить, что вы находитесь в новой ветке: например добавьте текст «this is the new test branch».

Сохраните эти изменения в ветке test с помощью коммита. Затем снова кликните на имя ветки в левом нижнем углу, чтобы вернуться к ветке master.

После переключения на ветку master вы заметите, что текст «this is the new test branch», сохраненный в ветке test, не присутствует в вашем файле.

Показать определение

Команда «Показать определение» отображает определение выбранного элемента в окне без перехода из текущего расположения в редакторе кода. Дополнительные сведения см. в разделе Практическое руководство. Просмотр и изменение кода с помощью окна «Показать определение» и Функции «Перейти к определению» и «Показать определение».

Входные данные	Функция
Клавиатура	Установите текстовый курсор внутрь имени типа, а затем нажмите клавиши ALT+F12.
Мышь	Щелкните правой кнопкой мыши имя типа и выберите Показать определение или нажмите клавишу CTRL и щелкните имя типа (если был установлен флажок Открыть определение в быстром редакторе).

Расширения для Visual Studio

Command Task Runner

Мы с вами уже увидели, что для того чтобы выпонять различные задачи, например построить ⁄ очистить решение или восстановить пакеты, надо вызывать разные утилиты из командной строки. Это можно делать как при помощи обычной windows’овской командной строки cmd.exe или оболочки PowerShell, так и при помощи командной строки Visual Studio — Package Manager Console. Неудобство заключается в том, что 1) надо держать в памяти все команды, которые могут понадобиться в жизни 2) надо печатать их вручную в командной строке. Для облегчения жизни программиста в Visual Studio существует компонент под названием Task Runner Explorer (), в котором отображается список задач, любую из которых можно запустить одним кликом. Сами задачи берутся из файла commands.json, который надо создавать и редактировать вручную. В описании каждой задачи в файле commands.json указывается утилита, которую надо запустить, и аргументы командной строки. В свою очередь, чтобы не создавать и не редактировать его вручную, существует расширение Command Task Runner.

Вот пример файла commands.json с двумя задачами (BuildRelease и Clean), которые выполняются путем запуска скрипта build.ps1 (скрипт PowerShell, который появился при установке Nuke):

Обратил внимание на такую неприятную особенность Task Runner Explorer: когда запускаешь задачу, графический интерфейс Visual Studio становится недоступным. Видимо задача запускается в потоке обработки сообщений (windows message loop)

NUKE Support

Расширение NUKE Support автоматически добавляет nuke’овские задачи в commands.json. Правда у меня это расширение почему-то не заработало. Судя по исходникам, расширение запускает и добывает из вывода информацию о target’ах.

4: Форматирование при сохранении

Чтобы ESLint мог автоматически исправлять синтаксис и устранять ошибки форматирования при каждом сохранении, вам нужно открыть меню настроек. Меню в Visual Studio Code – это значок шестеренки в левом нижнем углу. Нажмите его и выберите Settings.

В меню настроек найдите Code Actions on Save. Первой идет опция Editor: Code Actions on Save, а ниже – Edit in settings.json, и как раз она нам нужна.

Файл settings.json откроется в редакторе кода. Чтобы ESLint исправлял ошибки при сохранении файла, вам нужно добавить следующий код в settings.json:

С помощью этого кода ESLint сможет автоматически исправляет ошибки и проверяет JavaScript при сохранении.

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

ESLint автоматически будет устранять синтаксические ошибки при сохранении файла app.js. Но пока у нас еще остались сообщения об ошибках. Их можно исправить, настроив ESLint для обнаружения или игнорирования определенных ошибок и проблем с форматированием.

3 ответа

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

Christoph
13 Сен 2019 в 09:30

Обычно файлы, которые самостоятельно декларируют свою кодировку, каким-то образом имеют документированный метод или метод для его обнаружения — проверьте опубликованную документацию вашего формата файла.

Если нет, вот несколько распространенных методов:

Ищите спецификацию Unicode в первых нескольких байтах. Вы можете сделать это, сначала прочитав первые 5 байтов из файла в буфер (или 64-разрядное целое число) и просмотрев их в словаре. Это то, что делает по умолчанию

Вы не Используйте только для простых файлов с непротиворечивой и известной кодировкой — для этого сценария еще вам понадобится и (и, возможно, ) все вместе.

Dai
13 Сен 2019 в 09:34

Символы или являются символами замены ошибки преобразования, возвращаемыми при попытке прочитать текст с использованием неправильной кодовой страницы. Невозможно восстановить исходный текст из них.

Наконец, оба файла и будет пытаться определить кодировку из спецификации файла (метки порядка байтов) и вернуться к UTF8, если спецификация не найдена.

Обнаружение кодовых страниц

Не существует надежного способа определить кодировку, поскольку многие кодовые страницы могут использовать одни и те же байты. Можно только надежно идентифицировать плохие совпадения, потому что результирующий текст будет содержать

Encoding.GetEncodings () вернет все зарегистрированные кодировки. Грубый метод, который находит вероятные кодировки, может быть:

Или, используя кортежи значений:

Panagiotis Kanavos
13 Сен 2019 в 10:03

Русские Блоги

Vue: решить проблему с форматированием кода Vue в VSCode (Code formatter)

Шаг первый:

Сначала убедитесь, что у вас установлено расширение vetur. Как показано ниже, непосредственно найдите vetur в расширении и установите плагин Vetur, как показано ниже. После установки нажмите «Перезагрузить».

Шаг второй:

Шаг третий:

Установите плагин Prettier-Code formatter и измените следующую конфигурацию в файле settings.json:

Следующие три проблемы форматирования решены:

1. Проблема одинарных кавычек, ставших двойными

I. Проблема автоматического добавления точки с запятой в конце предложения;

3. Проблема в том, что пробел после скобки параметра в функции удаляется.

На этом настройка завершена, затем откройте файл Vue, нажмите Alt + Shift + F, чтобы отформатировать файл Vue, или щелкните правой кнопкой мыши и выберите «Формат файла».

Горячие клавиши в VS Code

Становимся многорукими волшебниками: ускоряемся с помощью хоткеев и парочки других приёмов.

Пройдёмся по самым полезным для начинающего верстальщика. Читайте и сразу же пробуйте.

1. Вызвать поиск

Найти все элементы с классом link и стилизовать некоторые, присвоив им дополнительный класс.

Нажмите Ctrl + F (Windows) или ⌘Cmd + F (macOS). Введите искомое — высветятся все найденные места. Остаётся перемещаться по ним (стрелочками в форме поиска).

Как вы автоматически форматируете код в Visual Studio?

29 ответов

Примечание для macOS

В macOS используйте клавишу CMD ⌘ вместо Ctrl :

В Visual Studio 2017 и Visual Studio 2019

Решение, представленное в принятом ответе, не применяется к Microsoft Visual Studio 2012.

В случае Visual Studio 2012 ярлыки:

На Mac: Shift + Option + F

В Ubuntu: Ctrl + Shift + I

Вы можете определить новые привязки клавиш, перейдя в Инструменты → Параметры → Среда → клавиатура :

Перейдите в меню Инструменты → Расширения и обновления и введите «производительность» в поиске:

Установите «Productivity Power Tools 2015»

Перезапустите Visual Studio.

Перейдите в меню Инструменты → Параметры → Инструменты повышения производительности → Команды питания и установите флажок «Форматировать документ при сохранении»:

Следуйте инструкциям ниже:

См. Изображение ниже:

А затем просто перейдите в «Онлайн» на левой панели и найдите «Форматировать документ при сохранении»:

Для Visual Studio 2010/2013/2015/2017/2019

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

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

Если вы можете себе это позволить (или имеете право на 30-дневную бесплатную пробную версию) ReSharper JetBrains может переформатировать весь каталог проекта.

Просто установите → щелкните каталог правой кнопкой мыши → выберите Код очистки в контекстном меню.

Вы также можете использовать расширение CodeMaid.

Вы можете получить расширение в Visual Studio Market Place.
Вот ссылка на расширение. CodeMaid

В Visual Studio 2015 и 2017 для кода C #.

Простое нажатие Ctrl + Shift + I выполнит работу.

Visual Studio 2019

Или просто нажмите Изменить => Дополнительно => Форматировать документ / Выбор формата

С расширением Continuous Formatting (коммерческое, разработанное мной), код форматируется автоматически по мере ввода.

Но вы всегда можете дважды проверить, выполнив следующие действия.

(Протестировано в Visual Studio 2010 и Visual Studio 2013)

В более новых версиях ярлык для форматирования всего документа: Shift + Alt + F

Выберите данные и щелкните правой кнопкой мыши, и вы найдете эту опцию. Форматировать документ и Форматировать выбор :

В исходном вопросе говорилось: «Я не могу найти настройку».

Простой ответ: посмотрите на верхнее меню, затем

Щелкните правой кнопкой мыши:

Он работает в Visual Studio 2015, возможно, более ранней версии.

Выделите текст, для которого требуется автоматический отступ.

Как вы форматируете код на save в VS Code

Хотелось бы автоматически форматировать TypeScript код с помощью встроенного форматтера, когда я сохраняю файл в Visual Studio Code.

Я в курсе следующих вариантов, но ни один из них не достаточно хорош:

6 ответов

Есть ли какой-нибудь способ авто-форматирования HTML и Javascript кода на сохранении в Visual Studio наподобие Visual Studio Code?

Как вы форматируете дату в формат 30-Apr-10 в javascript?

По состоянию на сентябрь 2016 года (VSCode 1.6) это сейчас официально supported.

Добавьте в ваш settings.json файл следующее:

Больше не нужно добавлять команды. Для тех, кто новичок в Visual Studio Code и поиске простого способа форматирования кода на сохранение, любезно следуйте приведенным ниже шагам.

У вас сделано. Спасибо.

Для eslint:

Для MAC пользователя добавьте эту строку в свои Default Settings

Путь к файлу такой: /Users/USER_NAME/Library/Application Support/Code/User/settings.json

Пример файла был бы таким:

10 ответов

Вы пробовали добавить

в ваших пользовательских настройках, а не в настройках вашего проекта?

Была такая же проблема, просто привяжите «cmd + s» для сохранения без форматирования. нажмите cmd+shift+p, затем найдите сохранение без форматирования и щелкните значок настройки, затем привяжите его с помощью «cmd + s», проблема исчезла 🙂

В случае, если это ESLint, а не Prettier, решение будет следующим:

Открыть Preferences: Open Settings (JSON) и настройте:

У меня нет Prettier, но решение может быть аналогичным.

Я столкнулся с этой проблемой некоторое время назад. Я отключил опцию в настройках.

Я только что наткнулся на этот вопрос, столкнувшись с той же проблемой. Я решил эту проблему, просто переключив язык документа на обычный текст (вы можете сделать это, щелкнув язык в нижней панели навигации). Если вы нажмете «Сохранить», переформатирование не произойдет.

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

Возможно, этот плагин вам поможет.

Отключает автосохранение тумблером.

В моем случае у меня было два форматировщика кода по умолчанию с конфликтующими настройками, «красивее» было установлено не форматировать при сохранении, но JS-CSS-HTML Formatter по- прежнему был установлен в качестве моего форматирования по умолчанию для некоторых типов файлов. Я предлагаю использовать только один форматтер и удалить все неиспользуемые/конфликтующие из вашего списка расширений.

Как я использовал, было:

Откройте тип файла (тот, который дает вам форматирование при проблемах с сохранением.)

Нажмите на тип файла и выберите «Настроить языковые настройки вашего типа файла. » в раскрывающемся списке.

Удалите строку, которая устанавливает форматтер по умолчанию: ex) «editor.defaultFormatter»: «lonefy.vscode-JS-CSS-HTML-formatter»

Затем вернитесь к своему файлу и попробуйте отформатировать в обычном режиме (моя горячая клавиша: alt + shift+ f ), она должна предложить вам выбрать средство форматирования по умолчанию.

Это должно помочь свести к минимуму конфликтующие проблемы форматирования.

EditorConfig и польза его применения для стандартизации стилей кода

Перевод статьи «Why You Should Use EditorConfig to Standardize Code Styles».

Вы используете EditorConfig для определения соглашений по форматированию файлов в проекте? Прекрасно! Он имеет широкую поддержку, не привязан ни к какому языку программирования, фреймворку или редактору.

EditorConfig, по сути, — просто конфигурационный файл. Для реализации поддержки объявленных в нем правил применяются сторонние инструменты или интеграции.

Файлы EditorConfig читаются IDE (интегрированными средами разработки), редакторами кода и инструментами сборки, которые и обеспечивают применение нужных стилей.

Какие проблемы решает EditorConfig?

Обычно разработчики настраивают стили кода в редакторе в соответствии с собственными предпочтениями. К сожалению, их предпочтения могут не совпадать с вашими.

Что происходит, когда много разных людей с разными предпочтениями являются контрибьюторами одного проекта? Речь может идти о проекте на вашей работе или же open-source проекте на GitLab или GitHub.

К файлам, с которыми работают контрибьюторы, применяются их собственные настройки стилей. В результате проекты могут стать непоследовательными и неряшливыми. В них могут появиться следующие проблемы:

Когда код непоследователен, он кажется неопрятным и его тяжело читать (это еще зависит от среды разработки).

Распространенное решение этих проблем — общие настройки редактора как часть проекта. Но это предполагает, что все участники будут использовать одинаковые редакторы, а такое маловероятно.

Только для разработки на Java у нас на выбор несколько вариантов редакторов и IDE:

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

Как насчет универсального решения, при котором ответственность за использование общей конфигурации лежит на самом редакторе?

Чем полезен EditorConfig

Общие соглашения относительно стиля кода играют большую роль в проекте. Они помогают существенно экономить время благодаря следующим аспектам их использования.

EditorConfig делает код более читаемым

Улучшение читабельности кода — самая важная причина использовать общие настройки стилей. Это помогает поддерживать проект и позволяет работать быстрее.

«На чтение кода мы тратим в 10 раз больше времени, чем на его написание. Мы постоянно читаем старый код — это часть работы по написанию нового. Таким образом, облегчая чтение кода, мы облегчаем и его написание», — Роберт Мартин.

Но ваш код могут читать не только разработчики, создающие проект. Это могут быть:

Если ваш код будет чистым, последовательным и человекочитаемым, все эти люди смогут более эффективно выполнять свою работу.

EditorConfig облегчает код-ревью

Если вы — мейнтейнер проекта, вы неизбежно столкнетесь с необходимостью проверять чужой код. Это может быть код ваших товарищей по команде или open-source контрибьюторов, обнаруживших ваш проект и захотевших принять участие.

Принудительное применение нужного форматирования стоит доверить программному обеспечению. Благодаря этому чтение и проверка кода станут более эффективными, а запрашивать изменения, связанные с форматированием, вообще не придется.

Ускорение цикла обратной связи очень сильно экономит время всем участникам процесса.

EditorConfig облегчает разработку

Наличие соглашений о стиле кода и автоматическое применение правил редактором избавляет разработчиков от лишней головной боли.

Без всего этого им пришлось бы самостоятельно разыскивать руководство по стилю и руководство для контрибьюторов, а потом вручную проверять код на соответствие соглашениям.

И даже если правила соглашений всем известны, они могут конфликтовать с настройками редактора у разработчика. В таком случае ему придется писать код, не соответствующий автоматическому форматированию в редакторе, либо менять настройки редактора.

Это имеет особое значение для программистов, часто меняющих проекты. Например, open-source контрибьюторы часто пишут код для проектов разных организаций, в которых придерживаются разных соглашений.

Как работает EditorConfig

Например, в своем редакторе я использую для XML-файлов отступы в два пробела, но в проекте, где я выступаю контрибьютором, применяются 4-пробельные отступы.

Как использовать EditorConfig

Возможно, ваш редактор уже поддерживает EditorConfig. Проверить, входит ли он в список редакторов с нативной поддержкой EditorConfig, можно на странице «No Plugin Necessary». IDE от JetBrains и Visual Studio в списке есть.

Если ваш редактор не имеет нативной поддержки, вы скорее всего сможете добавить ее при помощи плагина. Такие редакторы, как Visual Studio Code и Eclipse, поддерживают использование EditorConfig именно таки м образом. Плагины можно найти на сайте EditorConfig — «Download a Plugin».

Как определять правила в EditorConfig

Список правил можно найти на Вики-странице EditorConfig. Там есть все официально поддерживаемые правила, а также предложения правил, относящихся к определенным доменам. Эти последние могут поддерживаться некоторыми реализациями.

Не все реализации поддерживают все правила. Это особенно касается специфичных правил типа curly_bracket_next_line. Но объявить эти свойства в любом случае стоит — для пользователей, которые могут их использовать, или чтобы хотя бы задокументировать предпочтительный вариант.

В файле EditorConfig верхнего уровня (обычно верхнеуровневый конфиг будет в корне вашего проекта) нужно установить root = true.

Во вложенных директориях могут быть свои файлы EditorConfig, но для них root = true не устанавливается.

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

Определение правил для каждого отдельного проекта

Определение правил для всех проектов

Или же вы можете собрать все свои предпочтения воедино и спланировать идеальную конфигурацию для всех файлов, с которыми вам может случиться работать.

Начать можно с нуля, а можно скопировать мой вариант и внести нужные изменения.

Заключение

Благодаря этому мейнтейнеры смогут просматривать пул-реквесты, соответствующие установленным стилевым правилам, а редактор кода (IDE) будет автоматически применять эти правила.

Людям, работающим над проектом, тоже будет проще. Благодаря перезаписи настроек разработчики смогут писать код так, как удобно им самим, и не заморачиваться с ручной заменой настроек для каждого проекта.

Ваши проекты станут чище, поскольку все правила будут прописаны в одном «независимом» файле, а не в файлах разных редакторов кода.

Отключить автоматическое форматирование в Visual Studio

Я сторонник кода, предпочитаю свой собственный стиль форматирования кода, а не настройки Visual Studio по умолчанию. Я отключил параметры автоматического форматирования в Инструменты / Параметры. В большинстве случаев это работает.

После использования любого из встроенных рефакторингов Visual Studio сбрасывает мои настройки с настройками по умолчанию. Как мне удержать VS от этого?

16 ответы

У меня была эта проблема при написании VB в aspx стр.

Решение заключалось в том, чтобы перейти в «Инструменты»> «Параметры»> «Текстовый редактор»> «Базовый»> «Специфичные для VB» и выключить «Симпатичный листинг».

Примечание. В Visual Studio 2015 это можно найти по адресу:

Инструменты> Параметры> Текстовый редактор> Базовый> Расширенный

ответ дан 15 апр.

Отключить красивую распечатку. Это вариант, который переформатирует то, что вы делаете. У меня был такой же дискомфорт, и после этого мой код остается таким, каким я хочу, и не возвращается к предыдущим настройкам.

Создан 18 июля ’16, 22:07

Как предлагает @TheMatrixRecoder, мне потребовалось немного найти, так что, возможно, это поможет кому-то другому.

Установите эти опции единым блоком, чтобы предотвратить раздражающее автоматическое форматирование, когда вы ставите точку с запятой или нажимаете возврат в конце строки.

ответ дан 04 дек ’18, 22:12

В моем случае это был ReSharper.

Проверьте, если ReSharper

Запретить ReSharper переформатировать код

Обновление 2017-03-01

В конце концов, это был ReSharper:

Обновление 2020-12-18

ReSharper «помощь при наборе текста» похож на 3-летнего ребенка, который пытается «помочь» построить карточный замок. Простое обратное пространство или клавиша ввода (плохо) переформатируют целые блоки кода, требуя отмены или болезненного форматирования до исходного.

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

ответ дан 18 дек ’20, 09:12

Вы могли иметь Электроинструмент установлен.

В этом случае вы можете отключить его, выбрав «Инструменты»> «Параметры»> «Электроинструменты для повышения производительности»> «PowerCommands»> «Общие».

ответ дан 15 мар ’18, в 17:03

В VS2017 вы можете изменить его, выбрав язык программирования в меню настроек. В подменю «Форматирование» есть опция «Новые строки».

ответ дан 09 авг.

Настройки VS2015, которые помогли мне предотвратить автоматическое форматирование:

(и Инструменты> Параметры> Текстовый редактор> Базовый> Расширенный, как и Tango91 предложил)

Сомневаюсь, что после рефакторинга можно отключить переформатирование. Рефакторинг изменяет код, и, поскольку это всего лишь текст, я сомневаюсь, что вам нужно, чтобы он просто сбрасывал неформатированный текст в ваш источник. Разве не было бы проще просто настроить стиль кода, которого придерживается VS, в соответствии со стилем, который вам нравится и которому вы следуете?

ответ дан 10 апр.

Переформатирование с использованием точки с запятой или закрывающей фигурной скобки не может быть отключено. Я считаю, что это приводит в ярость, что у Microsoft хватит смелости рассказать кому-либо, как форматировать код; самый неразборчивый код, который я когда-либо видел, был во время работы там.

Я хочу, чтобы смежные назначения были выровнены по вертикали; VS переформатирует их на один пробел по обе стороны от знака равенства независимо от длины переменной слева. Это невыносимо. И отключение его в настройках редактора игнорируется; учитывая комментарии, подобные приведенному выше, я уверен, что это сделано намеренно.

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Страница «Отступ»

Страница «Новые строки»

Соглашения о форматировании EditorConfig на C++

Форматировщик C++ Visual Studio имеет обширный набор настраиваемых параметров, которые можно применять глобально. Чтобы задать параметры форматирования C++ для конкретной рабочей области, используйте clangformat или EditorConfig. Visual Studio и Visual Studio Code имеют встроенную поддержку EditorConfig для каждого из глобальных параметров форматирования C++ Visual Studio. При этом параметры EditorConfig имеют приоритет. Это означает, что вы можете добавить файлы EditorConfig в рабочую область, чтобы настроить форматирование C++ на более детальном уровне и применить согласованный стиль кода для всех пользователей, участвующих в проекте.

Соглашения о форматировании C++

В оставшейся части этого документа перечислены все параметры форматирования EditorConfig C++, поддерживаемые Visual Studio и VS Code.

Параметры отступов

Отступ для фигурных скобок

Отступ каждой строки относительно

Внутри скобок выравнивать новые строки во время их ввода

В имеющемся коде нельзя использовать параметры выравнивания новых строк внутри скобок

Отступ в конструкции case

Отступ заголовков конструкции case

Отступ для скобок перед оператором case

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

Положение меток Goto

Позиция директив препроцессора

Отступ спецификаторов доступа

Отступ перед блоком пространства имен

Сохранить отступы комментариев

Параметры новой строки

Положение открывающих фигурных скобок пространств имен

Положение открывающих фигурных скобок типов

Положение открывающих фигурных скобок функций

Положение открывающих фигурных скобок управляющих блоков

Положение открывающих фигурных скобок лямбда-выражений

Поместить скобки на отдельные строки

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

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

Помещать ключевое слово catch и аналогичные ключевые слова на новую строку

Помещать ключевое слово else на новую строку

Помещать «while» в цикле do-while на новую строку

Параметры интервалов

Пробелы между именами функций и открывающими скобками списков аргументов

Вставлять пробел между скобками со списком аргументов

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

Вставлять пробел между ключевым словом и открывающей скобкой в инструкциях потока управления

Вставлять пробел между скобками операторов управления

Вставлять пробел перед открывающими скобками со списками аргументов лямбда-выражений

Вставлять пробел между скобками в приведениях в стиле C

Вставлять пробел после закрывающей скобки приведения в стиле C

Вставка пробела внутри скобок в выражении в круглых скобках

Вставить пробел перед открывающими скобками блоков

Вставлять пробел между пустыми фигурными скобками

Вставка пробела перед открывающей фигурной скобкой равномерной инициализации и списков инициализаторов

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

Сохранить пробелы внутри равномерной инициализации и списков инициализаторов

Вставлять пробел перед открывающей квадратной скобкой

Вставлять пробел между квадратными скобками

Вставлять пробел перед пустыми квадратными скобками

Вставлять пробел между пустыми квадратными скобками

Группировать квадратные скобки многомерных массивов

Вставлять пробел между квадратными скобками для лямбда-выражений

SpaceBetweenEmptyLambdaBrackets

Вставлять пробел перед запятой

Вставлять пробелы после запятых

Удалять пробелы до и после операторов членов

Вставлять пробел перед двоеточием для базового типа в объявлениях типов

Вставка пробела перед двоеточием для конструкторов

Удалять пробелы перед точкой с запятой

Вставлять пробел после точки с запятой

Удалять пробелы между унарными операторами и их операндами

Пробелы для бинарных операторов

Пробелы для операторов присваивания

Выравнивание указателей/ссылок

Пробелы для условных операторов

Параметры переноса

Параметры переноса по блокам

Visual Studio Code. Настройка и применение. Часть 2

Вторая часть глубоко субъективного гайда по VSCode.

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

Отладка

Из коробки VSCode позволяет отлаживать Node.js. Как фронтенд-разработчика, меня всё же интересует отладка клиентских скриптов. Обычно это делается указанием точек останова через debugger и обращение к инструментам разработчика в Chrome. Однако VSCode позволяет управлять процессом отладки клиентского кода прямо из редактора по аналогии с отладкой Ноды. Реализуется это через расширение, которое мы сейчас рассмотрим.

Debugger for Chrome

Подход к отладке через данное расширение сводит к минимуму переключение контекста, что способствует общему повышению производительности. Более того подобный подход стимулирует людей, привыкших к отладке через вывод логов в консоль, наконец начать использовать полноценные средства отладки. Для тех же, кто ставит debugger внутри кода или брейкпоинты в Chrome Devtools, предоставляет более комфортные условия для работы. Раньше в простых случаях хотелось просто написать console.log(), теперь же такого желания нет, т.к. щёлкнуть по полю и нажать F5 будет даже быстрее.

Чтобы отладка работала, на проекте должны быть определены sourcemaps и корректно работать, т.к. отладчик использует их для навигации по исходному коду. На старых рабочих проектах с gulp-file-include, например, заставить работать отладку мне не удалось. На новом проекте Webpack с ES-модулями и прописанными соурсмапами, всё работает идеально. Если это условие соблюдено, то единственное, что нужно здесь сделать — это прописать корректный конфиг отладки. Сделав это один раз под проект, к нему уже не придётся возвращаться.

Конфигурации можно задавать как на уровне проектов (.vscode > launch.json), так и глобально в настройках. Практика показывает, что удобнее задавать их на уровне отдельных проектов, т.к. в каждом проекте могут быть свои особенности. Допустим, где-то удобнее поменять корневую директорию, где-то прописать специфические файлы в blacklist и т.д. Хотя ничто не мешает иметь нейтральный глобальный конфиг, который будет переопределяться по необходимости.

Для отладки предоставлена отдельная вкладка Debug панели управления. Из неё же можно перейти к файлу конфигурации при необходимости. При первом запуске отладки (F5) этот конфиг создастся сам и откроется на редактирование — нужно только выбрать Chrome в появившемся меню (этот вариант как раз и добавляет плагин). Конфигурация очень простая: в поле url нужно указать порт, на котором у вас запускается проект, а в поле webRoot адрес рабочей директории. В моём случае:

Также расширение поддерживает blackboxing, как и оригинальные Chrome Devtools, т.е. исключение ненужных файлов/директорий, чтобы при отладке перемещаться только по своему коду, а не проваливаться постоянно в скрипты внешних библиотек. Делается это через указание массива skipFiles в настройках. Здесь нужно поиграться, т.к. путь до файлов зависит от того, как на вашем проекте настроены соурсмапы.

Ну и всё. Теперь мы можем ставить брейкпоинты кликом на полях, ходить по коду внутри приятного глазу редактора, видеть встроенный консольный лог, иметь доступ к переменным, отслеживать нужные нам через watch и с пониманием дела любоваться изменением call stack.

Запуск тасков

Лично я пользуюсь yarn скриптами, что по сути те же npm скрипты — VSCode их так и определяет. В package.json в поле script у меня прописан набор тасков, после чего в консоли я просто пишу, например, yarn dev и выполняется development сборка (через npm писалось бы npm run dev).

Используя механизм тасков из VSCode я могу сделать то же самое через палитру команд. По сути это просто модная альтернатива: открыть палитру команд, далее Run Task и выбрать npm:dev не быстрее, чем открыть консоль и прописать yarn dev. К тому же терминал всё равно открывается после выполнения команды через механизм тасков, так что места мы здесь не выигрываем. Другое дело, если бы терминал не открывался, а команда исполнялась в фоне — тогда бы экономилась одна консоль под watch, и не нужно было бы делить терминал надвое.

Однако таски имеют одно преимущество над обычным запуском (помимо пафосности) — их можно привязывать к горячим клавишам. Так можно определить основной build и test таски через соответствующие команды и запускать build-таск через Ctrl + Shift + B, а для теста придётся привязать свою комбинацию, по умолчанию её нет. Но что если у меня не только build и test? Как видно из списка скриптов на скриншоте, я, как минимум, широко использую команду для development-сборки, команду для production-сборки, запуск статического сервера для тестирования production-сборки и запуск анализатора. Не проблема, т.к. VSCode позволяет привязать к каждому таску свою комбинацию.

Чтобы этого добиться, нужно в tasks.json дать имена таскам, которым мы собираемся присвоить шорткаты. Делается это через поле label. Например, таск yarn dev в tasks.json будет выглядеть следующим образом ( group здесь добавлен, т.к. этот таск сделан основным build таском):

Далее переходим в keybindings.json (Preferences: Open Keyboard Shortcuts File) и добавляем в список пользовательских команд новую по типу:

Здесь значение args совпадает со значением label вашего таска. В качестве комбинаций я решил выбрать Ctrl + K с последующей F-клавишей. Так эти 4 основных таска распределены у меня по клавишам F1-F4. Только нужно проследить за тем, что клавиша после Ctrl + K сама по себе не является шорткатом. По этой причине пришлось отвязать F1.

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

Сниппеты

Немного о сниппетах, о том, как с ними работать в VSCode. Для тех, кто никогда не пользовался сниппетами, пару слов пояснения. Сниппеты — это фрагменты кода, спрятанные за кодовым словом. При вводе этого слова и нажатии Tab или Enter ассоциированный с ним код раскрывается, и кроме того предоставляется набор позиций для курсора, по которым мы можем пройти по Tab, пока не окажемся на конечной позиции — так называемые табстопы (tab stops). Система сниппетов есть в любом уважающем себя редакторе, есть она и в VSCode, так что остаётся понять как ей здесь пользоваться.

При написании кода сниппеты будут предлагаться в автосаджесте. Как пример, for: начинаем вводить “for” — видим сниппет в списке, нажимаем Tab или Enter, после чего код разворачивается и располагает курсоры на всех вхождениях индексов, чтобы мы задали им имя (при этом там уже есть предустановленное значение — плейсхолдер). Tab и мы на вхождениях имени массива, Tab и мы на имени переменной элемента внутри цикла, Tab и мы внутри цикла продолжаем писать код. Ни одного переключения на мышь за весь процесс, никаких повторений засчёт множественного выделения, никаких повторений статичных частей конструкций из раза в раз.

Сниппеты делятся на глобальные и локальные для отдельных типов файлов. Из коробки VSCode предоставляет небольшой перечень сниппетов для js, покрывающий основные типовые команды. Чтобы наглядно посмотреть список доступных сниппетов, введите в палитре команд Insert Snippet. Также если вы собираетесь активно ими пользоваться, будет полезно поставить эту команду на горячую клавишу. Обращаю внимание, что это локальные сниппеты только для js, так что вы не увидите их при написании разметки или стилей.

Из встроенного набора могут быть особенно полезны log для вывода лога, сниппеты для циклов (for, foreach, forin), switch, settimeout. Не сказать, что я пользуюсь forin, но обращаю на него здесь внимание, из-за интересного момента, что он сразу идёт с обёрткой в hasOwnProperty. switch я использую редко, поэтому раньше всегда проверял как он пишется — теперь никуда лезть не нужно.

По умолчанию в списке автосаджеста сниппеты идут по алфавиту вместе с остальными конструкциями. Мне кажется более разумным выносить их отдельно в самый верх списка — так о них не будешь забывать, да и визуально список они не будут засорять:

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

Набор сниппетов можно расширять добавлением готовых пакетов сниппетов на маркетплейсе и прописыванием своих. На данный момент я не пользуюсь готовыми решениями, но может вы найдёте для себя подходящие. Для ES6 например очень популярен этот пакет. Также популярны паки для основных фреймворков. Когда наконец переберусь на React, опробую их в деле 👍

Как видите, всё предельно просто. Привыкните оформлять утомляющие вас фрагменты кода, повторяемые из раза в раз, в виде сниппетов, и жизнь станет проще.

Intellisense

Intellisense — это общий термин для обозначения автокомплита кода и вывода списка автосаджеста и хинтов при написании. Из коробки VSCode поддерживает фронтендерский стек языков, для остальных же можно поставить расширение с маркетплейса. Именно наличие Intellisense отличает редактор кода от текстового редактора — мы чувствуем, что пишем код, и редактор помогает нам в его написании. Для js Intellisense предоставляет список возможных для использования функций, классов, методов, полей и т.д. Для css предоставляет список подходящих свойств с кратким описанием. При написании разметки дублирует функционал Emmet. Для типовых JSON-файлов с определённым набором полей предоставляет список полей при постановке кавычек и возможные значения после двоеточия — особенно явно это видно с package.json и c файлом настроек settings.json.

По настройкам меня устраивает стандартная конфигурация. Единственное, что я поменял — это убрал вывод имён в автосаджест, т.е. обычных слов, которые забивают общий список:

Документирование js кода

Стоит немного рассказать о том, как получить профит от Intellisense для написанного вами кода. До Typescript я ещё не добрался, так что пользуюсь JSDoc-аннотациями. VSCode вставляет аннотацию после ввода /** и нажатия Enter. Если речь идёт о функции, то VSCode попытается предположить наличие параметров и проставит табстопы по аналогии со сниппетами. От написания аннотаций для функций в принципе много профита — это и упрощает поддержку кода, и позволяет сгенерировать автоматическую документацию, но в отношении VSCode это кроме всего прочего даст нам хинты с описанием функции и её аргументов (типы и назначение). Например, мы документировали метод класса, позже создали объект класса, поставили “.” и смотрим список автосаджеста. В нём мы увидим список всех методов и полей, но вместе с тем у нашего метода будет описание и корректные типы аргументов и возвращаемого типа (если есть). С другой стороны, когда код уже написан, мы можем навестись на имя метода и понять, что он делает по высвеченному описанию.

Например, для метода открытия таба:

В результате мы увидим картину, показанную на скриншоте в начале этого раздела.

Также рекомендую для сложных структур прописывать определение типов через @typedef. Например, для объекта состояний тех же табов:

И в конструкторе описываем поле состояния, как соответствующее этому типу:

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

После этого VSCode выдаст нам следующие подсказки:

Линтинг и форматирование

Линтинг

Что касается линтинга, то я сторонник подхода, при котором линтеры должны быть встроены проект, их конфиги должны быть утверждены и соответствовать единому кодстайлу. При таком подходе каждый работающий на проекте человек видит предупреждения линтера и работает с единым конфигом. То же самое касается и автоформатирования. Однако даже при таком подходе, когда линтер встроен в сборку, полезно иметь линтер на уровне редактора, т.к. в редакторе появляется подчёркивание некорректных фрагментов кода, а на вкладке Problems в нижней панели отображается список ошибок — это куда нагляднее, чем обычный вывод в консоль на уровне сборки. То есть иметь линтер на уровне сборки обязательно для всех на проекте, а интеграция в редактор, если подобная интеграция поддерживается, идёт как следующий уровень над линтером и упрощает работу, но уже по желанию. Таким образом, если у вас уже определены конфиги для линтеров на проекте, то вы просто передаёте эти же конфиги плагинам линтеров VSCode.

Собственно, что это за плагины? У себя я использую ESLint для js и Stylelint для css. Оба линтера настраиваются идентично. Сначала вам необходимо установить плагины из торговой площадки для VSCode: ESLint и Stylelint.

Чтобы плагины работали, нужно чтобы у вас кроме плагинов были установлены сами линтеры. Т.к. проект изначально построен с линтингом in mind, то линтеры уже установлены локально. Также могут быть установлены дополнительные плагины линтеров и кастомные парсеры. При этом имеются проверенные конфиги, заточенные под конкретный проект. В таком случае сразу после установки плагинов редактора линтеры и конфиги найдутся автоматически, и всё заработает.

Если линтера на проекте нет, то есть возможность активировать его у себя на уровне редактора. Для этого нужно поставить линтеры глобально, а конфиги можно, как вариант, определить прямо в редакторе на уровне Workspace Settings. Но я всё же не вижу в этом смысла. Весь проект начнёт гореть красным, в Problems 2K+ ошибок, и никто кроме вас этого не видит. Зачем? Так что линтеры на уровне редактора, ещё раз повторюсь, предпочтительно использовать как второй уровень над линтерами, встроенными в проект — апгрейд интерфейса, если угодно.

Если вы подключаете линтеры для валидации кода, то встроенную проверку нужно отключать, чтобы они не перекрывали друг друга, и не возникало конфликтов:

Форматирование

Также в VSCode имеется возможность настроить форматирование. Я не использую Prettier, т.к. он слишком субъективен и не допускает гибкой настройки, а у меня имеется собственный взгляд на подобные вещи. autofix линтеров уже ближе, т.к. код видоизменяется строго в соответствии с вашими правилами, но, считаю, что он также должен быть на уровне проекта, а не редактора. Хотя для плагина ESLint имеется настройка, позволяющая его активировать, если угодно.

Кроме того VSCode имеет встроенную функцию форматирования. Его можно применять, когда скопировали страшный фрагмент кода со StackOverflow или CodePen и хотите понять, что там вообще происходит (не копируйте ничего так бездумно btw ☝️). Для этого можно выделить фрагмент и вызвать команду Format Selection или использовать шорткат:

Ctrl + K Ctrl + F — форматирование выделенного фрагмента.

Другой рядовой случай: нам попался минифицированный файл. Мы можем отформатировать его, чтобы в общих чертах что-то в нём понять. От общей обфускации форматирование нас не избавит, но хотя бы что-то. Для этого используем Format Document или шорткат:

Shift + Alt + F — форматирование всего документа.

Live Share

Visual Studio Live Share — это разработка Microsoft, позволяющая расшаривать свой редактор для других людей. Это может быть полезно для популярной нынче методики парного программирования, совместного поиска решения проблемы, код ревью в реальном времени, презентаций.

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

VS Live Share

Кроме расширения всё, что вам нужно — это всем участникам сессии иметь VSCode или Visual Studio и аккаунт на GitHub для авторизации в первый раз.

Для управления Live Share расширение предоставляет отдельную вкладку на панели управления, а также кнопки в нижнем баре. Здесь можно начать новую сессию в доступном на запись или readonly режиме или присоединиться к чужой сессии.

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

Чтобы протестировать работу Live Share, достаточно расшарить проект самому себе. Для этого начинаем новую сессию, входим через GitHub аккаунт, получаем ссылку на сессию и переходим по ссылке в браузере. Для шаринга с другими участниками делается то же самое — просто кидаете им ссылку, и они присоединяются, либо через браузер, либо через кнопку Join collaboration session внутри вкладки Live Share. При заходе через браузер редактор откроется автоматически.

После присоединения второй участник сможет ходить по вашему проекту и, если сессия не в readonly режиме, изменять код. Позиция участников отмечается маркером и переход к этой позиции всегда можно осуществить кликом по имени участника на вкладке Live Share. Также доступен режим следования за другим участником — для включения/отключения его предназначена кнопка пина в верхнем правом углу.

Кроме шаринга кода можно расшаривать терминал и сервер. Первое происходит автоматически в readonly режиме, но имеется возможность выдать права на редактирование. Второе полезно для демонстрации результата со своего localhost другому участнику — для этого просто жмём Share server, вводим порт и имя для отображения в списке. После этого ссылка на сервер появляется у участников и после перехода по ней у них на некотором порту (не том же, который расшаривается) появится ваш результат.

Все эти возможности можно по-разному применять в различных ситуациях. Для парного программирования открываете сессию с правами на изменение, связываетесь по голосовой связи и творите в коопе. На презентациях можно для всех желающих, пришедших с ноутбуками, запускать readonly сессию, включать режим следования, и участники смогут видеть демонстрируемый код прямо на экране своего монитора в любимом редакторе вместо того, чтобы вглядываться в неважную картинку проектора на другом конце зала. Шаринг сервера можно использовать для демонстрации незадеплоенных результатов работы, как альтернативу передаче ссылки на сервер в рамках общей сети.

Единственное, чего мне здесь не хватает — это внутреннего средства коммуникации. Microsoft не предоставляет встроенного решения для чата, и установить его можно только сторонними пакетами. Проблема в том, что я пробовал 2 варианта,и оба у меня не заработали. Так что будем ждать 😕

Внешние зависимости

VSCode упрощает вашу работу с внешними зависимостями, предоставляя функционал Intellisense внутри package.json. Если вы решите добавить вручную новую зависимость, то сначала вам редактор предложит список зависимостей, а затем после выбора последнюю версию с различными флагами. Однако обычно эта возможность не нужна, т.к. зависимости ставятся через пакетный менеджер (yarn/npm), а package.json обновляется автоматически (при наличии флагов на сохранение, если нужны).

Но вот какая возможность объективно незаменима — это вывод информации по наведению на зависимость. По ховеру появляется окно с общим описанием, последней версией и ссылкой на репозиторий. Описание даёт общее представление о пакете, а по ссылке можно одним кликом перепрыгнуть к развернутому описанию и документации. Для контроля версий же есть более удобный интерфейс, который мы рассмотрим далее.

Version Lens

Расширение, которое позволяет держать ваши внешние зависимости актуальными. Активируется нажатием по кнопке Show Dependency Versions на верхней правой панели. После активации в ваш package.json встраиваются линзы, показывающие наличие версии зависимости новее вашей. Если она имеется, то можно нажать на новую версию, и она заменит вашу текущую. После этого запускаете yarn install (ну или npm) и обновляете зависимости.

Изначально отображается минифицированная версия линз. На той же панели имеется возможность дополнительно активировать вывод теггированных версий — например, alpha и beta релизов. А также вывести более броские цветные версии статусов зависимостей.

По умолчанию линзы активируются при запуске редактора. Я предпочёл отключить эту автоматическую активацию, т.к. они могут включаться только тогда, когда они нужны, через интерфейс по запросу:

Визуальный стиль

По визуальной стилизации VSCode я выделю 3 основных способа персонализации: цветовая тема, иконочная тема и выбор шрифта.

Цветовая тема

Выбор тем для VSCode воистину огромен и каждый подберёт для себя что-то своё. В редакторе изначально есть набор предустановленных тем, из которых можно выбрать понравившуюся, но кроме того маркетплейс заполнен темами на любой вкус.

Быстрый просмотр тем можно осуществить через командную строку: Preferences: Color Theme или через кнопку настроек в нижнем левом углу. Вызов этой команды открывает список установленных тем, по которым можно пройтись через стрелки клавиатуры, сразу увидев их превью.

Лично я, потратив некоторое время на поиски, остался на стандартной теме Dark+. По мне так, идеальная тёмная тема, приятная глазу.

Иконочная тема

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

Из коробки доступны 2 темы, из которых можно выбрать. Но здесь я советую поставить тему с маркетплейса vscode-icons.

Это одна из самых популярных загрузок среди всех товаров торговой площадки в принципе (на данный момент

10M скачиваний), и такая популярность оправдана. Порой кажется, что у этой темы есть своя иконка просто для всего, настолько их там много.

Также эту тему от дефолтных выгодно выделяет наличие иконок для директорий. Т.е. определены иконки для ряда типовых наименований директорий. Например, у меня на верхнем уровне это src, dist, public, config, node_modules. Внутри src идут scripts, styles, templates, images, fonts, ну и так далее. Кроме того у всех этих иконок есть вариации для открытой и закрытой папки, что ещё придаёт наглядности.

Выбор шрифта

VSCode поддерживает шрифты с лигатурами, так что если хотите быть самыми модными, то советую загрузить себе шрифт Fira Code. Это очень популярный шрифт, который рекомендуют именно в связке с VSCode. Скачиваете себе шрифт из репозитория, устанавливаете на компьютер и прописываете в настройках редактора имя шрифта и поддержку лигатур:

Ассоциация типов файлов

Тип файлов определяется автоматически, но бывают случаи с экзотическими расширениями или поведением, когда нужно указать ассоциации напрямую. Если тип не удаётся определить, то файл будет расценен, как обычный текст, т.е. будет отсутствовать любого рода подсветка синтаксиса. Если тип определён неверно, то подсветка будет, но неточная, и консоль заполнится предупреждениями о некорректном синтаксисе.

Текущий тип файла указывается справа в статус баре. Нажатие по нему открывает меню с управлением ассоциациями. Здесь можно указать напрямую с каким типом файлов ассоциировать текущее расширение.

В целом, я выделю 2 случая, когда это нужно. Первое — это JSON-конфиги со специфическим расширением, и второе — это PostCSS.

В первом случае, ряд инструментов имеет рекомендации по описанию конфигов в файлах специфических расширений. В моём случае это конфиги PostCSS и StyleLint — для них vscode-icons корректно определяет иконку, но контент определяется, как Plain Text.

postcss-sugarss-language

Расширение, которое добавляет поддержку PostCSS-синтаксиса. Т.к. я работаю с PostCSS, то мне нужно, чтобы редактор не расценивал за синтаксические ошибки, например, вложенные селекторы в *.css файлах. Проблема поддержки PostCSS, из-за которой она не встроена по умолчанию — это его непостоянство в плане единого стиля. Т.е. мы работаем с обычным CSS и плагинами расширяем его под себя. Можно ставить ассоциацию *.css файлов (или *.pcss, если угодно) с SCSS, и синтаксис будет воспринят примерно корректно, но не совсем. Например, комментарии на Ctrl + / будут не того формата (строчные вместо блочных). Существует целый ряд малопопулярных плагинов, которые нацелены решить эту проблему — этот из них реально работает.

Т.о. настройки выглядят следующим образом:

В разделе по линтингу я писал, что нужно отключать встроенную валидацию. Этот плагин добавляет новый тип postcss, так что для него также нужно прописать false:

Прочие расширения

Ну и наконец, опишу ряд расширений, которые не попали в предыдущие разделы, но которые также помогают мне в работе.

Colorize

Этот плагин меняет выделение цветов с представления с боксом превью на представление с задним фоном этого цвета. Но это не его основная суть, главная киллер фича здесь в том, что он поддерживает переменные, при этом сам находит их в рамках проекта и добавляет корректное цветовыделение в местах их использования. Это просто космические технологии, т.к. я пытался добиться этого во всех редакторах до этого (Sublime Text, Brackets, Atom) и ни одно расширение мне не позволило этого сделать. Теперь же, к примеру, у нас есть файл customMedia.css или variables.pcss, в котором определяются все переменные таблиц стилей, среди них определяются и переменные цветов. В этом файле мы наглядно видим палитру проекта, но и, перейдя в любой другой файл со стилями, где эти переменные используются, мы видим какой цвет стоит за этой переменной — это добавляет +100 баллов к наглядности и выигрывает нам время засчёт избавления от необходимости каждый раз лезть в файл с переменными и смотреть на какой цвет она ссылается. Теперь этот процесс требуется только при выборе из 50 оттенков серого, когда нужно посмотреть код цвета. К сожалению, превью значения при наведении не показывается, но это уже так-то и некасающийся цветов функционал.

Также по настройкам я убрал скрытие цвета текущей строки. Мне такое поведение кажется избыточным и только отвлекает:

И остаётся проблема, что мы перешли на новый формат выделения цвета, но стандартный при этом остался, так что надо его отключить:

К сожалению, эта настройка не убирает боксы превью из файлов, ассоциированных с PostCSS, а только CSS, SASS и LESS. Так что в моём случае она не помогает, но я держу её включённой, надеясь, что когда-нибудь она заработает 😩

Code Runner

Порой бывает нужно протестировать работоспособность отдельного фрагмента кода — точно ли он делает то, что нужно. Для этого приходится комментировать весь ненужный код, оставляя только этот фрагмент, что довольно-таки геморно. Или другой случай — хочется показать коллегам какую-нибудь киллер фичу из лучшего языка на свете. Работая во фронтенд-среде, чтобы это сделать, пришлось бы как минимум создать index.html с тегом script. Другой вариант — воспользоваться внешним ресурсом для написания кода вроде Codepen или воспользоваться консолью в инструментах разработчика. Это проще первого варианта, но такой подход заставляет покинуть комфортный с любовью настроенный редактор, что, во-первых, долго, и, во-вторых, неудобно. Особенно неудобно для многострочных конструкций в консоли. Написал const — не получил в итоге желаемого результата, написал ещё раз — словил ошибку из-за переопределения.

Ну и собственно Code Runner решает такую проблему, помогая запускать отдельные фрагменты кода, и предоставляя результаты исполнения (ваши console.log) во вкладке Output нижней панели. Чтобы выполнить отдельный фрагмент, просто выделите его мышью и нажмите Ctrl + Alt + N. То же самое можно сделать через контекстное меню на ПКМ или кнопку Run Code в верхней правой части редактора.

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

Regex Previewer

Расширение позволяет быстро тестировать регулярные выражения, предоставляя файл с тестовым текстом справа. При открытом превью можно навестись на любой регексп, и справа подсветятся все совпадения. Это очень удобно, в особенности если у вас есть глобальный файл с регулярными выражениями, определяемыми на уровне проекта. Без расширения приходилось бы для тестирования покидать редактор и переходить на внешние сервисы вроде regexr.com. В целом, это всё равно более функциональный сервис, который предоставляет более широкий спектр возможностей, но конкретно для тестирования вы сможете обходиться возможностями встроенными прямо в редактор, что однозначно быстрее за счёт отсутствия необходимости переключения контекста. Можно в нижней панели включать флаги gm, чтобы совпадения выводились для регулярных выражений без этих флагов (выводились все совпадения в многострочном тексте). Code Lens советую отключать и выводить превью через палитру команд, т.к. работает автоопределение нестабильно и может выводить “Test regex” в строчках со слешами, где это не нужно. Например, в комментарии, внутри которого есть слеш.

SVG Viewer

Расширение предоставляет возможность просматривать превью svg-файла прямо в редакторе. Иначе приходилось бы переходить в проводник и открывать файл, например, через браузер. Имеется возможность включить auto preview, после чего при открытии svg справа будет открываться превью. Однако я этого делать не советую, т.к. просматривая файлы один за другим, у вас скопится куча открытых превью, т.к. они не заменяются автоматически, как остальные файлы при просмотре без редактирования. Да и в целом на практике это не так удобно, как звучит.

Auto Rename Tag

Крохотный плагин, который предоставляет возможность, которая обычно встроена в редактор, но в VSCode по какой-то причине отсутствует — при редактировании открывающего тега параллельно редактируется и закрывающий и наоборот. Может со временем эта возможность станет встроенной, и необходимость в плагине отпадёт, благо в репозитории VSCode на данный момент числится открытый issue на эту тему.

🔥 🔥 🔥 Фух… На этом, пожалуй, у меня всё. В рамках этой статьи я описал все функции, которые использую на данный момент. Понятно, что большая часть сказанного здесь крайне субъективна, но она нарочито сделана такой персонифицированной. Полученную информацию можно пропустить через себя, профильтровать и пересмотреть свои подходы к использованию редактора. Надеюсь, что вы узнали для себя что-то новое и примените полученные знания на практике.

Если вам есть, что сказать, то оставляйте комментарии. Любой фидбек — это приятно 😌

О форматировании кода и User Scripts в Xcode 4

Когда человеку надоедает делать рутинную работу, у него возникает дикое желание от этой работы избавиться. Однако, в реальной жизни избавиться от нее не так просто, и ее все, же надо делать. В зависимости от вида работы и от ее количества, можно поступать по-разному. Можно продолжать выполнять уже заученные действия, можно уйти в себя и копить злость на всех и вся, на этот мир, на начальника, на PM’a, на А можно попытаться эту рутину автоматизировать.

А пост будет о конкретной задаче, которую надо автоматизировать(Code Formatting) и о том, как все-таки расширить Xcode всякими полезными вкусностями для дальнейших автоматизаций. В прошлый раз это был Copy Paste Detector. А теперь пришло время Code-Formattera. Скажу сразу, что в здесь не поднимается вопрос, нужен ли автоматический Code-Formatter. Предполагается, что Вам он нужен. Если, все же не нужен — можно заглянуть под кат, чтобы вспомнить про возможность использовать внешние скрипты в Xcode.

Посмотрим, как они нам подходят.

Та я и руками поправлю! Я еще с Xcode 1.0 руками форматирую

Есть такие люди. Может, им и правда, не надо форматирование текста. Для тех, же, кому надо, но им лень:

Это я к тому, что если задача (в частности форматирование кода), достаточно большая, то автоматизация выигрывает на долгой дистанции. Все в конце концов сводится к временным затратам. Но, даже если время на написание скрипта + время решения задачи немного больше, по сравнению, если б эту задачу делали руками, то все же, стоит попытаться написать такой скрипт — опыт автоматизации все-таки.

В Xcode и так оно есть… Нету? Значит и не надо.

Мнение автора, относительно команды Reindent, встроенной в Xcode: недостаточно для полноценного форматирования кода. Однако, многие люди, разрабатывающие под Xcode как раз только его и используют. Иногда еще есть Code-Style. Иногда Code-Style где-то описан, и ему пытаются следовать.
Весь функционал Re-Indentа заключается в правильном выставлении пробелов/табов, а его настойки которого помещаются на одной вкладке меню Xcode.
Хоть этот вариант и не пестрит разнообразностью настроек, но у него есть просто огромное преимущество. Он встроен в Xcode. Не надо ничего устанавливать, лезть в интернет и запускать скрипты. Выделяем кусок кода, нажимаем ^I. Может быть, именно эта часть нравится людям, яро защищающим Xcode.

Пользовательские скрипты? Так их же не стало в Xcode 4.

Да, в Xcode 4 много чего не стало, по сравнению с Xcode 3. Пользовательские скрипты как раз в ходят в список того, чего не стало в Xcode 4. Люди в свое время были очень этим разочарованы.

Однако, добрые люди подумали-подумали, да и выкрутились. Стали использовать Automator Services. Не совсем то, что люди раньше подразумевали под User Scripts в Xcode 3, но, многие задачи, они, все же, решают.

Интеграция в Xcode

Благодаря добрым людям и OpenSource’у интеграция в Uncrustify в Xcode стала ну очень простой задачей.

Проект по интеграции Uncrustify в Xcode через Automator Services лежит на GitHub.

Ставим Uncrustify (В последний раз, я ставил uncrustify при помощи homebrew, в принципе, как и описано в самом проекте), складываем свои скрипты-сервисы в правильную папку(

/Library/Services/Automator/). Профит. Если все сделано правильно, теперь в меню в Xcode появятся дополнительные команды, позволяющие форматировать код, и которые можно использовать не выходя из Xcode.

А вот, что можно увидеть, выделив кусок кода и нажав правую кнопку:

Куда дальше?

При выполнении всех вышеперечисленных шагов, у Вас появилась возможность автоматически форматировать текст в Xcode.

Что делать дальше — зависит от того, что вам было нужно до этого 😉

Если изначально была поставлена задача по автоматическому/полуавтоматическому форматированию кода, то стоит заняться настройкой файла конфигурации uncrustify.cfg. В этом, может помочь Universal Indent GUI — кроссплатформенный редактор code-formatter’ов, в том числе и для uncrustify.

В случае, если интерес был больше к возможности внедрения внешних скриптов в Xcode — то методом проб и ошибок, на примере уже готового подключенного сервиса, можно придумать много полезных вещей.

Альтернативы

Лично от себя я бы порекомендовал посмотреть в сторону AppCode, о котором в свое время уже писали на Хабре. Пусть, даже он и платный с 30-дневным бесплатным периодом. Вопрос о форматировании кода в Appcod’е решается совсем на другом уровне:

Как изменить отступ в коде Visual Studio?

Возможно, он доступен как настройка, но под другим именем, так как я не могу найти ничего, связанного с отступом.

ОБНОВИТЬ

В настоящее время я использую средство форматирования кода Prettier, которое решает все проблемы форматирования путем автоматического форматирования при сохранении (если нет синтаксической ошибки)

Вы можете изменить это на глобальном User уровне или Workspace уровне.

Затем внесите следующие 2 изменения: (введите tabSize в строку поиска)

На панели инструментов в правом нижнем углу вы увидите элемент, который выглядит следующим образом: После нажатия на него вы получите возможность использовать отступ с помощью пробелов или табуляции. После выбора типа отступа у вас будет возможность изменить размер отступа. В случае приведенного выше примера для каждого отступа задано 4 символа пробела. Если в качестве символа отступа выбрана вкладка, вы увидите размер табуляции вместо пробелов.

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и в Editor: Insert Spaces настройках пользователя или в настройках рабочей области в зависимости от ваших потребностей.

Редактировать 1

Как отключить перенос строк в vscode для javascript и html

Правлю код vue.js компонента в vscode, при этом периодически жму Alt + Shift + F для автоматического форматирования введённого кода.

При этом постоянно меняется форматирование: код переносится на другую строку, хотя визуально места ещё очень много.

Стало (см. переносы свойств input’ов):

Можно ли это как-то настроить? В какую сторону копать настройки?

2 ответа 2

Vetur использует prettyhtml для форматирования.

prettyhtml

The default formatter for Vue templates. Other settings include:

Вам следует поменять printWidth

Если так, то попробуйте открыть settings.json: Ctrl-Shift-P, Open Settings (JSON) и добавить настройки здесь:

Если там уже есть другие настройки, не забудьте запятую на предпоследней строке

«Параметры», «Текстовый редактор», XAML, «Форматирование»

События автоформатирования

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

Ввод закрывающего тега или тега в краткой форме записи.

Ввод открывающего тега.

Вставка из буфера обмена.

Форматирование команд клавиатуры.

Можно указать, какие события инициируют автоматическое форматирование.

При вводе закрывающего тега или тега в краткой форме записи

При вводе открывающего тега

Автоматическое форматирование происходит после ввода открывающего тега.

При вставке из буфера обмена

Автоматическое форматирование происходит при вставке кода XAML из буфера обмена в представление XAML.

Стиль кавычек

Двойные кавычки («)

Значения атрибутов заключаются в двойные кавычки. Hello

Одинарные кавычки (‘)

Значения атрибутов заключаются в одинарные кавычки. Hello

Перенос тегов

Переносить теги, превосходящие указанную длину

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

Длина

Допустимое число символов в строке. При необходимости длина строк XAML может превышать указанную длину строк.

Интервалы между атрибутами

С помощью этого параметра можно настроить расположение атрибутов в документе XAML.

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

Автоматическое форматирование не будет применяться к новым строкам и пробелам между атрибутами.

Вставлять только один пробел между атрибутами

Размещать каждый атрибут на отдельной строке

Размещать первый атрибут на одной строке с открывающим тегом

Если флажок установлен, первый атрибут будет размещаться в той же строке, что открывающий тег элемента.

Интервалы между элементами

С помощью этого параметра можно настроить расположение элементов в документе XAML.

Сохранять в содержимом символы новой строки

Пустые строки в содержимом элемента не удаляются.

Свертывать в содержимом пустые строки в одну

Пустые строки в содержимом элемента будут свернуты в одну строку.

Удалять в содержимом пустые строки

В содержимом элемента будут удаляться все пустые строки.

Edit R code in Visual Studio

This article applies to Visual Studio 2017. If you’re looking for the latest Visual Studio documentation, see Visual Studio documentation. We recommend upgrading to the latest version of Visual Studio. Download it here

R Tools for Visual Studio (RTVS) tailors the Visual Studio editing experience specifically for R while retaining all the features and the ability to use extensions. (For example, if you prefer VIM key bindings, you can install the free VsVim extension from the Visual Studio Marketplace.)

In addition to the features in this article, also see IntelliSense, linting, code snippets, and R Markdown.

Syntax highlighting

In addition to coloring different parts of your code, such as strings, comments, and keywords, RTVS also highlights and enables links in comments:

To customize fonts and certain highlight colors, select the Tools > Options command, navigate to Environment > Fonts and Colors, then change settings for R-related items in the Display items box:

Visual Studio also underlines syntax errors in the editor:

To change this behavior, see the Advanced > Syntax check setting under editor options.

Edit and organize code

As you type code, RTVS provides auto-completion as described on the IntelliSense page. It also does automatic formatting such as completion of braces and parenthesis:

When typing calls to functions that have many parameters, often you want to line up the parameters to make the code easier to read. RTVS remembers the indentation your set for parameters and automatically applies that indentation for subsequent lines:

To change this behavior, see editor options for the Tabs group.

Collapsible code regions let you temporarily hide part of code in the editor. Visual Studio creates various regions for you automatically, as for multi-line statements, unless the Advanced > Outlining > Code outlining option is set to Off.

By default, Visual Studio inserts spaces when you press the Tab key. You can again change this behavior as described on Options, Text Editor, Tabs.

Code navigation

Code navigation gives you quick access to the source code of your R program and its libraries. These features keep you in the flow of your work rather than having to manually search your code.

Go To Definition quickly jumps to a function definition or pops up an inline mini-editor to read the source code of a library function. Just right-click the function of interest and select Go To Definition, or place the cursor in the function and press F12.

This command opens a new editor window containing the source code for the function. The cursor is conveniently positioned at the start of the function definition.

Peek Definition, invoked from the right-click menu or Alt+F12, inserts a read-only, scrollable region containing the source code of the function below the function call:

Send code to the interactive window

Many developers like to write some code in the editor and then send that code to the interactive window for immediate testing (also known as a Read-Evaluate-Print-Loop or REPL). Pressing Ctrl+Enter in the R editor sends the current line of code to the interactive window, then places the cursor on the next line. With Ctrl+Enter, then, you can effectively step through your code from the editor.

You can also select code and press Ctrl+Enter to apply that entire selection. Alternately, right-click the selection and select Execute in Interactive.

Format code

Visual Studio’s automatic formatting keeps the code you write, as well as code you paste into the editor, formatted as set by your preferences. You can also make a selection, right-click, and select Format Selection (Ctrl+K,F) to apply those preferences. For example, if you had a function definition all on a single line:

Applying formatting cleans it up to be:

To reformat the entire code file, select Edit > Advanced > Format Document (Ctrl+E,D).

Automatic formatting is a separate operation that can be undone. For example, if you paste code into the editor and formatting it applies, selecting Edit > Undo or pressing Ctrl+Z once reverses the formatting; a second Undo reverses the paste itself.

Formatting options (including turning off formatting) are set through Tools > Options on the Text Editor > R > Advanced tab. You can go directly to this page using either the R Tools > Editor options command or by right-clicking in the editor and selecting Formatting options. See the editor options section for details.

Inserting Roxygen comments

RTVS provides a shortcut for generating Roxygen comments using the parameter names of a function. Just type ### on a blank line above the function definition:

Editor options

Editor-specific options are set through the Tools > Options command, navigating to Text Editor > R, or use the shortcut command R Tools > Editor Options.

Options on the General, Scroll bars, and Tabs tabs are not specific to R, but are rather general Visual Studio settings available for all languages but applied on a per-language basis. For details, see the following articles:

Options on the R > Advanced tab are specific to RTVS:

Как форматировать код в VS Code

Когда вы вводите команды в VS Code, попытки быть аккуратными иногда могут быть последним, о чем вы думаете. Хотя форматирование не требуется для запуска программы, оно очень помогает при отладке и поиске ошибок.

В этой статье мы покажем вам, как форматировать код в VS Code, а также дадим другие полезные советы по организации вашего кода.

Как форматировать код

Для ПК

Отформатируйте весь документ:

Форматирование только выбранного кода:

Обратите внимание, что если вы нажмете «Ctrl + F» без предварительного нажатия «Ctrl + K», вы откроете меню поиска. Если это произошло, просто закройте, нажав кнопку «x» или нажав клавишу Esc.

Переместить строки вверх или вниз:

Изменить отступ одной строки:

For Mac

Format the entire document:

Formatting selected code only:

Note that using “⌘ + F” without pressing “⌘ + K” beforehand will only open the Find Menu. To close the Find Menu just press “x” on the right side or press Esc.

Move lines up or down:

Change indentation of a single line:

Код формата кода VS при сохранении

В VS Code нет встроенной команды, которая форматирует документ при сохранении. Вместо этого это можно сделать, установив расширение форматирования в приложение VS Code. Самым популярным из этих расширений является Prettier, которое предоставляет множество функций форматирования для VS Code. Prettier можно установить, выполнив следующие действия:

Прежде чем Prettier сможет начать автоматически форматировать ваш документ при сохранении, вам нужно настроить расширение, чтобы активировать эту функцию. Это делается следующим образом:

Поскольку вы настроили Prettier для автоматического форматирования только при наличии файла конфигурации, вы должны создать его для каждого проекта. Это делается с помощью следующих шагов:

Советы по организации кода

Организационный кодекс

Правильное форматирование проектов не только облегчает чтение, но также помогает выявлять ошибки и упорядочивать код. Хотя это и не обязательно для запуска программы, знание того, как форматировать файлы в VS Code, является определенным преимуществом.

Знаете ли вы другие способы форматирования файлов в VS Code? Не стесняйтесь делиться своими мыслями в разделе комментариев ниже.

Диалоговое окно «Параметры»: Текстовый редактор > C# > Стиль кода > Форматирование

Страница «Форматирование» > «Общие»

Общие параметры

Эти параметры определяют, когда редактор кода применяет параметры форматирования к коду.

Метка	Описание
Автоматически форматировать при вводе	При отмене выбора оператор format on ; и параметр format block on > отключены.
Автоматически форматировать оператор при вводе «;»	Если установлен этот флажок, форматирование операторов выполняется по завершении в соответствии с выбранными для редактора параметрами.
Автоматически форматировать блок при вводе «>»	Если установлен этот флажок, форматирование блоков кода выполняется в соответствии с выбранными для редактора параметрами, как только завершается блок кода.
Автоматически форматировать при возврате	Если параметр выбран, при нажатии клавиши ВВОД текст форматируется в соответствии с параметрами форматирования, выбранными для редактора.
Автоматически форматировать при вставке	Если этот параметр выбран, форматирование текста, вставляемого в редакторе, выполняется в соответствии с выбранными для редактора параметрами.

Страница «Отступ»

Страница «Новые строки»

Как настроить VSCode для установки фигурных скобок на новую строку?

Скажем, я напечатаю следующий код и отформатирую его.

Если это код С#, он форматируется следующим образом:

Если это JavaScript, VSCode форматирует его следующим образом:

Итак, как я могу использовать первый стиль форматирования (фигурные скобки для новых строк) для всех языков? Я не могу найти настройки или что-то подобное. Предложения?

6 ответов

Я думаю, что в условии условия нет никаких побочных эффектов, но в выражении возврата есть проблема. Проверьте эту ссылку: http://encosia.com/in-javascript-curly-brace-placement-matters-an-example/

Если вы хотите изучать javascript, я рекомендую вам прочесть книгу Дугласа Крокфорда «JavaScript: хорошие части».

Следуйте приведенным ниже инструкциям, чтобы формат Visual Studio открывал фигурные скобки в новой строке для Java Script и Type Script.

В Visual Studio Code (v1.20.0)

Добавьте следующие строки в » Настройки пользователя » (на правой боковой панели)

Сохраните » Настройки пользователя » и все готово!

По умолчанию код VS не поддерживает настройку при форматировании. Но вы можете настроить свой формат с помощью расширения js-beautify. Вы можете найти бесплатную версию на сайте VS code Marketplace (https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify).

Для вашего требования фигурных скобок на новой строке можно настроить, создав конфигурационный файл .jsbeautifyrc ‘в корневой папке проекта и определите следующую строку.

Дополнительные параметры форматирования можно найти по следующей ссылке: https://github.com/HookyQR/VSCodeBeautify/blob/master/Settings.md

Перейдите в File\Preferences\Settings и найдите ‘curly’.

Это позволяет мне автоматически форматировать код с помощью фигурных скобок в следующей строке для определений функций и блоков управления.

Options dialog box: Text Editor > General

This dialog box lets you change global settings for the Visual Studio code and text editor. To display this dialog box, select Options on the Tools menu, expand the Text Editor folder, and then select General.

Settings

The Settings section of Tools > Options > Text Editor > General includes the following options.

Drag and drop text editing

When selected, this setting enables you to move text by selecting and then dragging it with the mouse to another location within the current document or any other open document.

Select subword on double click

When you toggle this setting, a double-click selects only a subword instead of a whole word. (This can be helpful when you’re using medial capitals, as an example.)

Automatic delimiter highlighting

When selected, delimiter characters that separate parameters or item-value pairs, as well as matching braces, are highlighted.

Track changes

When the code editor is selected, a vertical yellow line appears in the selection margin to mark code that has changed since the file was most recently saved. When you save the changes, the vertical lines become green.

Auto-detect UTF-8 encoding without signature

By default, the editor detects encoding by searching for byte order marks or charset tags. If neither is found in the current document, the code editor tries to auto-detect UTF-8 encoding by scanning byte sequences. To disable the auto-detection of encoding, clear this option.

Follow project coding conventions

When selected, the project’s specified coding conventions override any coding conventions you use on your personal projects.

To learn more about coding conventions and how they are applied, see the Create portable, custom editor settings with EditorConfig page.

Enable mouse click to perform Go to Definition

When selected, you can press Ctrl and hover over an element while clicking the mouse. Doing so takes you to the definition of the selected element. You can also choose either Alt or Ctrl + Alt from the Use modifier key drop-down.

Open definition in peek view

Select this check box to display the element’s definition in a window without navigating away from your current location in the code editor. For more information, see How to: View and edit code by using Peek Definition.

Display

The Display section of Tools > Options > Text Editor > General includes the following options.

View whitespace

When selected, you can visualize spaces and tabs.

View bidirectional text control characters

Show bidirectional text control characters

When selected, all bidirectional text control characters are rendered as placeholders in the code editor.

This option is selected by default to prevent a potentially malicious exploit that allows code to be misrepresented.

See the following code snippet for an example of bidirectional control characters:

View zero-width characters

When selected, zero-width characters are rendered in the code editor.

See the following code snippet for an example of zero-width characters:

Selection margin

When selected, displays a vertical margin along the left edge of the editor’s text area. You can click this margin to select an entire line of text, or click and drag to select consecutive lines of text.

Selection Margin on	Selection Margin off

Indicator margin

When selected, displays a vertical margin outside the left edge of the editor’s text area. When you click in this margin, an icon and ToolTip that are related to the text appear. For example, breakpoint or task list shortcuts appear in the indicator margin. Indicator Margin information doesn’t print.

Highlight current line

When selected, displays a gray box around the line of code in which the cursor is located.

Show structure guide lines

When selected, vertical lines appear in the editor that line up with structured code blocks, which lets you easily identify the individual blocks of code.

Show error squiggles

When selected, different-colored wavy underlines, known as squiggles, appear in your code. (Red squiggles denote syntax errors, blue denotes compiler errors, green denotes warnings, and purple denotes other types of errors.)

Show file health indicator

When selected, a file health indicator status (errors, warnings) bar, with code cleanup options, is displayed in the lower-left corner of the editor.

Line spacing

Use this control to change the default line spacing of 1.0 to the increment you want, to include 1.15, 1.5, 2.0, 2.5, and 3.0.

Show editing context in the editor

Use this control to toggle the editing context settings altogether, or personalize to your preference by selecting from the following settings:

Расширения и настройки VS Code для DevOps-специалистов

Если рассмотреть историю текстовых редакторов, то можно проследить тенденцию развития от уж очень примитивных (например, ed) до более продвинутых. И сейчас они вплотную подошли к тому, что их можно использовать как легковесную IDE.

К сожалению, многие застряли в прошлом и до сих пор используют такие редакторы, как nano, mcedit или даже блокнот. В том числе для редактирования инфраструктурного кода и различных скриптов. Всё это усложняет их отладку и сопровождение, порождает мешанину стилей оформления и заставляет делать руками многие вещи, которые можно не выполнять.

Поэтому сегодня пойдёт речь про VS Code. VS Code — это отличный редактор, созданный на базе редактора Atom. Это open source проект и разрабатывает его, как ни странно, Microsoft. По сравнению с Atom он ощутимо быстрее и стабильнее работает, хотя тоже основан на Electron.

Внешний вид редактора VS Code: Для него есть огромное количество готовых расширений на все случаи жизни, плюс можно писать свои. И всё это доступно в едином удобном Marketplace.

Установка

Сборки VS Code доступны для macOS, Windows и Linux. Ссылки доступны на странице загрузки. После скачивания для установки нужно просто следовать инструкциям инсталлятора. А с версии 1.25 поддерживается portable-режим работы.

Настройка

Сразу после установки VS Code им уже можно пользоваться. Но дополнительно настроить под себя его будет полезно. Этот процесс можно разделить на два этапа: установка необходимых расширений и настройка опций VS Code.

Установка расширений.

Иконка расширений: Для установки расширений необходимо кликнуть по кнопке слева или выбрать в меню View->Extensions. Далее можно искать нужные расширения. Звездочками помечаются рекомендуемые вам.

Поиск расширений:

Настройка опций

Классическое окно настроек: Для настройки опций нужно выбрать в меню File->Settings. Классические настройки выглядят, как список на json. В поиске можно искать необходимые опции и добавлять их в панель справа под названием «User settings». У каждой опции есть описание.

Новый вид настроек пока что скрывается под ссылкой «new settings editor». Он больше похож на классические меню настройки и состоит из дерева настроек, сгруппированного по различным категориям.

Также в опциях можно, конечно же, настраивать и комбинации клавиш на нужные вам действия. Но в принципе обычно хватает тех, что уже настроены.

Полезные расширения и опции

Всё это сильно зависит от того, с чем вам необходимо работать. Могу только привести свою подборку.

Расширения: Ansible — подсветка синтаксиса, автодополнение, сниппеты и многое другое для Ansible; Jinja — подсветка синтаксиса для Jinja, которая используется в Ansible и много где еще; Terraform — автодополнение, подсветка синтаксиса, автоформатирование, линтинг для Terraform; Docker — линтинг, подсветка синтаксиса, автодополнение для Docker; GitLens — отличное расширение для просмотра истории коммитов, показывает автора каждой строчки в файле и многое другое; Go — всё, что нужно для разработки на Go; Python— всё, что нужно для разработки на Python; Markdownlint — линтер для markdown; Settings sync — отличное расширение для синхронизация настроек и расширений между различными рабочими местами.

Настройки: “editor.formatOnPaste”: true — автоформатирование при вставке; “editor.formatOnSave”: true — автоформатирование при сохранении; “editor.formatOnType”: true — автоформатирование при печати; “terminal.integrated.copyOnSelection”: true — копирование текста из терминала при выделении; “window.nativeTabs”: true — красивые табы для macOS при открытии нескольких окон; “files.insertFinalNewline”: true — добавлять финальную пустую строку в конце файлов; “files.trimFinalNewlines”: true — удалять лишние пустые строки в конце файлов; “files.trimTrailingWhitespace”: true — удалять лишние пробелы в конце строк.

Появились вопросы? Спрашивайте в комментариях!

Visual Studio — Как отключить автоматическое форматирование в VS2013 для C ++?

VS2013 заменяет это

Это не стандарт кода в этом конкретном проекте, что означает, что я должен вернуться и вставить пробел. Есть и другие примеры, когда я должен бороться против VS.

Я не хочу менять настройки интервала, потому что

Я просто хочу, чтобы VS не изменял мой код автоматически.

PS. Я не против того, чтобы VS мог форматировать код, но я хочу вызвать его вручную

Решение

Вы можете отключить автоматическое форматирование кода C / C ++ / C #, перейдя в Опции диалог из инструменты меню, выбрав Текстовый редактор → C / C ++ / C # → форматирование → генеральный страницы, и снимите все флажки там. Вы по-прежнему сможете вручную форматировать, когда все настройки автоформатирования отключены.

Другие решения

Я знаю, что это не совсем тот ответ, который вы ищете, но вы можете сохранить void f () форматирование, если вы идете в Инструменты> Параметры> Текстовый редактор> C / C ++> Форматирование> Интервалы и под Интервал для функциональных паратезов Вы проверяете опцию Вставить пробел между именами функций и открывающими скобками списка аргументов.

У меня тоже была такая проблема и снятие всех флажков в настройках форматирования не помогло.

Оказалось, что это было вызвано опцией в плагине «Visual Assist X» от Whole Tomato Software.

Сохранение различного автоматического форматирования для решений может стать запросом функции для следующего выпуска (конечно, не для VS 2013). Я обычно сталкиваюсь с различиями в поведении отступов табуляции / пробела, это самая распространенная разница в стилях проекта. Отступы также можно настроить индивидуально для большинства типов файлов, но, как и в вашем случае, проекты могут отличаться, и тогда это становится раздражающим.

Просто помните, что Resharper может также переопределить настройки отступа / форматирования. Вы можете отключить это, сделав это

Затем отмените выбор или установите флажки, относящиеся к типу кода, который вы пишете.

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

Инструменты> Параметры> Текстовый редактор> Все языки> Общие> Автоматическое завершение фигурной скобки

…затем снимите флажок «Автоматическое завершение скобок».

Code style preferences

This topic applies to Visual Studio on Windows. For Visual Studio for Mac, see Editor behavior in Visual Studio for Mac.

Code styles in EditorConfig files

Code styles in the Options dialog box

Each item in the list shows a preview of the preference when selected:

Preference and severity

Enforce code styles on build

Apply code styles

Rules configured with a severity of None don’t participate in code cleanup but can be individually applied via the Quick Actions and Refactorings menu.

Code cleanup settings

Setting	Rule ID or style option
Remove unnecessary Imports or usings	IDE0005
Apply file header preferences	file_header_template
Remove unused variables	IDE0051
Apply object creation preferences	visual_basic_style_prefer_simplified_object_creation
Apply IsNot preferences	visual_basic_style_prefer_isnot_expression
Add ‘this’ or ‘Me’ qualification	IDE0003-IDE0009
Add accessibility modifiers	dotnet_style_require_accessibility_modifiers
Order modifiers	IDE0036
Make field readonly	dotnet_style_readonly_field
Remove unnecessary casts	IDE0004
Apply object/collection initialization parameters)	dotnet_style_object_initializer
Apply using directive placement preferences	csharp_using_directive_placement
Apply parentheses preferences	IDE0047-IDE0048
Apply unused value preferences	IDE0058
Apply language/framework type preferences	IDE0049
Remove unused suppressions	dotnet_remove_unnecessary_suppression_exclusions
Apply simplify boolean expression preferences	dotnet_style_prefer_simplified_boolean_expressions
Apply string interpolation preferences	dotnet_style_prefer_simplified_interpolation
Remove unused parameters	dotnet_code_quality_unused_parameters
Apply auto property preferences	dotnet_style_prefer_auto_properties
Apply compound assignment preferences	dotnet_style_prefer_compound_assignment
Apply coalesce expression preferences	dotnet_style_coalesce_expression
Apply conditional expression preferences	dotnet_style_prefer_conditional_expression_over_assignment dotnet_style_prefer_conditional_expression_over_return
Apply tuple name preferences	dotnet_style_explicit_tuple_names dotnet_style_prefer_inferred_tuple_names
Apply inferred anonymous type member names preferences	dotnet_style_prefer_inferred_anonymous_type_member_names
Apply null checking preferences	dotnet_style_prefer_is_null_check_over_reference_equality_method
Apply null propagation preferences	dotnet_style_null_propagation
Apply ‘var’ preferences	IDE0007-IDE0008
Add required braces for single-line control statements	csharp_prefer_braces
Apply expression/block body preferences	Expression-bodied members
Apply inline ‘out’ variables preferences	csharp_style_inlined_variable_declaration
Apply pattern matching preferences	Pattern-matching preferences
Apply conditional delegate call preferences	csharp_style_conditional_delegate_call
Apply static local function preferences	csharp_prefer_static_local_function
Apply deconstruct preferences	csharp_style_deconstructed_variable_declaration
Apply default(T) preferences	csharp_prefer_simple_default_expression
Apply new() preferences	csharp_style_implicit_object_creation_when_type_is_apparent
Apply range preferences	csharp_style_prefer_range_operator
Apply local over anonymous function preferences	csharp_style_pattern_local_over_anonymous_function
Apply parameter null preferences	Null-checking preferences
Apply using statement preferences	csharp_prefer_simple_using_statement
Apply throw expression preferences	csharp_style_throw_expression

If you want your code style settings to be applied every time you save a file, go to Options > Text Editor > Code Cleanup and select Run Code Cleanup profile on save.

If you want your code style settings to be applied every time you save a file, you may like the Code Cleanup on Save extension.

Источники: