Visual studio tabs как убрать

Обновлено: 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 как показано ниже.

Настройки в меню VS Code

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

  1. Снимите флажок Detect Indentation
  2. Измените размер вкладки на 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 когда он включен

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

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

ОБНОВЛЕНИЕ

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

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

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

Settings on VS Code menu

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

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

enter image description here

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

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

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

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

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

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

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

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

enter image description here

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

enter image description here

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

enter image description here

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

enter image description here

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

enter image description here

Как превратить отступ с 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» в строке состояния и изменил их на два в следующем диалоговом окне.

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

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

enter image description here

на панели инструментов в правом нижнем углу вы увидите предмет, который выглядит следующим образом: После нажатия на него вы получите возможность отступа с помощью пробелов или вкладок. После выбора типа отступа у вас будет возможность изменить размер отступа. В приведенном выше примере отступ имеет значение 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" в строке состояния и изменил их на два в следующем диалоговом окне.

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