Visual studio code настроить пробелы

Обновлено: 06.07.2024

Символы табуляции занимают меньше места в исходном тексте программы. (Правда, в наше время это редко бывает актуальным; скорость процессоров и объём дисков выросли настолько, что для абсолютного большинства программ разница будет просто незаметна.)
По отступам, состоящим из символов табуляции, можно быстрее перемещаться. Такие отступы и удалить можно гораздо быстрее. Для этого просто нужно меньше нажатий клавиш.
Ширина символа табуляции настраивается в большинстве текстовых редакторов. Т.е. каждый человек, который будет читать Ваш код, сможет настроить, как у него будут отображаться отступы, в соответствии со своими предпочтениями и размером монитора.

Преимущества есть и у пробелов:

В этом посте я хочу описать настройки MS Visual Studio, регулирующие работу с пробелами и символами табуляции. В первую очередь нужно в главном меню выбрать пункт Tools->Options. Откроется окно Options. В его левой части расположено древовидное меню в нём нужно выбрать пункт TextEditor->AllLanguages->Tabs. Там находятся настройки отступов, которые действуют для всех языков программирования и разметки, поддерживаемых MS Visual Studio. Если требуется изменить настройки только для конкретного языка, то в дереве слева вместо пункта AllLanguages следует выбрать нужный язык (см. рисунок 1).

Рисунок 1

Рисунок 2

Рассмотрим подробно каждый параметр из этой группы:

Рисунок 3

Я использовал MS Visual Studio 2015, но показанные настройки должны работать и в более новых, и в более старых версиях.

Настройка табуляции в MS Visual Studio: 17 комментариев

Я занимаюсь версткой и решил попробовать перейти с Sublime Text на Visual Studio Code, но никак не могу привыкнуть. У меня не всегда срабатывает Emmet (создание блока по табу), не хватает автодополнения пути к файлу (в HTML и CSS), автопрефиксера для CSS, красивого форматирования кода одним кликом. Подскажите настройки, подходящие плагины. И какие вы можете подсказать полезные плагины для веб-разработки?

Для каждого машинописного файла код Visual Studio использует автоматический отступ в 8 пробелов. Это слишком много, на мой вкус, но я не могу найти, где это изменить.

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

ОБНОВИТЬ

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

Вы можете изменить это на глобальном User уровне или Workspace уровне.

Откройте настройки: С помощью клавиш ctrl + , или щелчки File > Preferences > , Settings как показано ниже.

Затем выполните следующие 2 изменения: (введите tabSize в строке поиска)

Снимите флажок Detect Indentation
Измените размер вкладки на 2/4 (хотя я твердо считаю, что 2 подходит для JS :))

Да :) Я сделал некоторый поиск для этого и нашел, почему это стало 2 пробелами. И мне кажется, что причина устарела, поэтому я рекомендую использовать 4 пробела. Это субъективно и не имеет реального преимущества, я оставляю 2 пробела для некоторых типов файлов, таких как js, html и css, и 3 пробела для кода, просто для удобства чтения. В HTML и XML с 4 пробелами вам нужно очень скоро прокрутить вправо.

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

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и в Editor: Insert Spaces настройках пользователя или в настройках рабочей области. зависимости от ваших потребностей

Редактировать 1

Чтобы перейти к настройкам пользователя или рабочей области, перейдите в « Настройки» -> « Настройки» . Убедитесь, что вы находитесь на вкладке « Пользователь» или « Рабочая область », в зависимости от ваших потребностей, и используйте панель поиска, чтобы найти настройки. Вы также можете отключить, так Editor: Detect Indentation как этот параметр переопределит то, для чего вы установили, Editor: Insert Spaces и Editor: Tab Size когда он включен

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

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

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

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите editor.tabSize и editor.insertSpaces настройки В либо Настройки Пользователя или Настройки Рабочего Пространства в зависимости от ваших потребностей

изменить отступ на основе языка программирования выполните одно из следующих способов:

добавьте это в настройки ( Ctrl + , ):
(пример для конкретных настроек TypeScript):

Ctrl + Shift + P
Настройки: Настройка языковых параметров. (идентификатор команды: workbench.action.configureLanguageBasedSettings )
выбрать язык программирования
добавить код как выше.

вы также можете установить editor.detectIndentation к false, в дополнение к ответу Эллиота-J.

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

в моем случае "EditorConfig для VS Code" расширение переопределяет настройки VSCode. Если он установлен, проверьте .файл editorconfig в корневой папке проекта.

вот пример конфига. "Indent_size" задает количество пробелов для вкладки.

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

VSCode на Windows-Shift + Alt + F

VSCode на MacOS-Shift + Option + F

VSCode на Ubuntu-Ctrl + Shift + I

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

Я хотел изменить отступ моего существующей HTML файл от 4 пробелов до 2 пробелов.

Я нажал кнопку "пробелы: 4" в строке состояния и изменил их на два в следующем диалоговом окне.

Для каждого файла машинописного текста код Visual Studio использует автоматический отступ в 8 пробелов. На мой вкус это многовато, но я не могу найти, где это изменить.

Возможно, он доступен как параметр, но под другим именем, так как я не могу найти ничего, связанного с отступом.

ОБНОВЛЕНИЕ

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

Вы можете изменить это на глобальном уровне User или Workspace .

Откройте настройки: используя ярлык ctrl + , или нажав File > Preferences > Settings , как показано ниже.

Затем внесите следующие 2 изменения: (введите tabSize в строке поиска)

Снимите флажок Detect Indentation
Измените размер вкладки на 2/4 (хотя я считаю, что 2 подходит для JS :))

Проблема: принятый ответ на самом деле не исправляет отступ в текущем документе.

Решение: запустите Format Document , чтобы повторно обработать документ в соответствии с текущими (новыми) настройками.

Проблема: HTML-документы в моих проектах относятся к типу «Django HTML», а не «HTML», и нет доступного средства форматирования.

Решение: переключите их на синтаксис «HTML», отформатируйте их, затем снова переключитесь на «Django HTML».

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

Решение: установите расширение Indent 4-2, которое выполняет отступы строго, без с учетом синтаксиса текущего языка (что я и хочу в данном случае).

Упрощенное объяснение с картинками для тех, кто искал в Google "Изменить отступ в VS Code"

Шаг 1. Нажмите "Настройки"> "Настройки" .

Шаг 2. Требуемый параметр - «Определить отступ», начните вводить его. Нажмите "Редактор: размер табуляции" .

Шаг 3. Прокрутите вниз до пункта «Редактор: размер вкладки» и введите 2 (или что угодно).

Изменения сохраняются автоматически

Пример моих изменений

Как превратить отступ с 4 пробела во всех файлах в VS Code на 2 пробела

Поиск открытого файла
Включите регулярные выражения
Введите: ( )(?: )(\b|(?!=[,'";\.:\*\\\/\\[\]])) в поле поиска
Введите: $1 в поле замены

Как превратить отступ с 2 пробела во всех файлах в VS Code на 4 пробела

Поиск открытого файла
Включите регулярные выражения
Введите: ( )(\b|(?!=[,'";\.:\\*\\\/\[\]])) в поле поиска
Введите: $1$1 в поле замены

ПРИМЕЧАНИЕ. Сначала необходимо включить PERL Regex. Вот как:

Откройте настройки и перейдите в файл JSON
добавьте следующее в файл JSON "search.usePCRE2": true

Надеюсь, кто-нибудь это увидит.

В моем случае расширение «EditorConfig для VS Code» переопределяет настройки VSCode. Если он у вас установлен, проверьте файл .editorconfig в корневой папке проекта.

Вот пример конфигурации. «Indent_size» устанавливает количество пробелов для табуляции.

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

VSCode в Windows - Shift + Alt + F

VSCode в MacOS - Shift + Option + F

VSCode в Ubuntu - Ctrl + Shift + I

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

выбор столбца с помощью клавиатуры Ctrl + Shift + Alt + стрелка

Вы также можете установить для editor.detectIndentation значение false в дополнение к ответу Elliot-J.

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

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

перейти к предпочтениям

перейти к настройкам

поиск 'редактор: обрезка автоматического пробела'

Чтобы установить для всех существующих файлов и новых файлов отступ до 2, просто поместите его в свой файл settings.json (в корень json):

Вы можете добавить языковой тип конфигурации:

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

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

Если вы хотите, чтобы это применялось ко всем файлам, а не к отдельным файлам, переопределите настройки Editor: Tab Size и Editor: Insert Spaces в Настройках пользователя или Настройках рабочей области в зависимости от ваших потребностей

Редактировать 1

Чтобы перейти к настройкам пользователя или рабочей области, перейдите в Настройки -> Настройки . Убедитесь, что вы находитесь на вкладке Пользователь или Рабочая область , в зависимости от ваших потребностей, и воспользуйтесь строкой поиска, чтобы найти настройки. Вы также можете отключить Editor: Detect Indentation , поскольку этот параметр переопределит то, что вы установили для Editor: Insert Spaces и Editor: Tab Size , когда он включен.

Я хотел изменить отступ моего существующего файла HTML с 4 до 2 пробелов.

Я нажал кнопку «Пробелы: 4» в строке состояния и изменил их на два в следующем диалоговом окне.

Привет, Хабр! Культурные воины продолжаются, люди сражаются по разные стороны баррикад, пытаясь решить: tabs or spaces. На эту же тему мы нашли интересную статью Скотта Хансельмана, в которой он рассказывает про инструмент, решающий это спор, EditorConfig в Visual Studio. Всех интересующихся прошу под кат.

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

Разберемся в этом вместе с Джиной Трапани (Gina Trapani). Найдем рабочий код.

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

В моем примере указано только расширение *.cs, но вы также можете указать [*.] или, если хотите, только [*], либо сразу множество разделов.

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

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

Я открываю этот проект в Visual Studio 2017 со встроенной поддержкой EditorConfig. Обратите внимание на отображаемое внизу предупреждение Visual Studio о том, что в проекте имеются обозначения, не совпадающие с нашими.

Команды Visual Studio для форматирования документов в этом проекте будут использовать знаки табуляции, а не пробелы. Вот тот же документ, переформатированный в Visual Studio:

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

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

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

В Visual Studio в соответствующей строке появится значок лампочки с предлагаемым исправлением, ведь, скорее всего, мои сотрудники вместо полной формы «System.String» напечатают просто «string».

csharp_new_line_before_open_brace — оставлять открытые скобки в конце строки или помещать их на отдельной строке?
csharp_new_line_before_members_in_object_initializer s — допускается ли размещение элементов A = 3, B = 4 на одной строке или каждый из них располагается на отдельной строке?
csharp_indent_case_contents — будут ли все команды switch/case отображаться одинаково в начале строки или все же перед командами case будет стоять отступ, как и было задумано создателем?
Мы можем даже всячески настраивать регистр Case: pascal_case, camel_case, first_word_upper, all_upper, all_lower

Кстати, летом мы проводили голосование на эту тему в Microsoft Developer. Тогда победил Tabs. Предлагаем повторить здесь.

Читайте также: