Как сделать табуляцию в vs code

Добавил пользователь Владимир З.
Обновлено: 05.10.2024

Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в Visual Studio Code.

Быстро добавить комментарий

Обычно чтобы добавить комментарий, нужно перейти в начало строки и дописать туда два слеша. Это медленно. Быстрее нажать в любом месте строки Ctrl + /, и строка закомментируется, если она ещё не. А если уже да, то комментарий исчезнет.

Перейти к строке под номером

Windows — Ctrl + G

Иногда отладчики внезапно сообщают, что на строке 953 случилась непоправимая инфернальная ошибка вселенной. Чтобы не выискивать вручную, не листать и не тратить на это время, нажмите Ctrl + G, введите номер строки и спокойно спасайте вселенную.

Поменять строку местами с соседними

Alt и стрелки меняют текущую строку местами с соседними.

Дублировать строку

Windows — Shift + Alt + ↓ / ↑

Это для тех, кто не хочет копировать и вставлять несколько раз одно и то же.

Перейти к парной скобке

Windows — Ctrl + Shift + \

Когда кода становится много, очень просто запутаться в закрывающих и открывающих скобках, непонятно, где какой блок, и вообще, что происходит. На помощь приходит Ctrl+Shift+\ — это хорошее дополнение к стандартной подсветке парных скобок в VS Code.

Переименовать переменную

Писали, писали, а старший разработчик пришёл и сказал, что ваши переменные a , b и c — дурной тон. Чтобы не выискивать их по всему документу и не менять руками, есть F2.

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

Windows — Shift + Alt + F

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

Перейти к объявлению переменной

Иногда вообще непонятно, откуда взялась переменная, какая у неё область видимости, и где она объявлена. F12 перенесёт нас к объявлению выделенной переменной, функции или метода. Если объявление в другом файле — всё равно перенесёт.

Включить/выключить перенос слов

Windows — Alt + Z

Вкусовщина. Если строки кода или текст не вмещается в редактор по ширине, включите перенос.

Включить дзен-режим

Windows — Ctrl + K Z

Лучшее решение для тех, кто входит состояние потока, когда пишет код. Дзен-режим скрывает все панели, разворачивает редактор на весь экран, и вы можете плыть в волнах кода и думать только о нём. Чтобы вернуться обратно в реальный мир, нажмите Escape.

На интерактивных курсах все клавиши станут горячими

Потому что оторваться вообще не получается. 11 глав бесплатно, и −30% на подписку в первую неделю обучения.

для каждого файла 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" в строке состояния и изменил их на два в следующем диалоговом окне.

Побитовый сдвиг влево
Помогите разобраться, что произойдет со значением переменных при сдвиге влево: checked < .

Сдвиг массива влево на 1
Помогите,пожалуйста, написать код функции для сдвига массива на 1 влево. Мой недокод просто.

Циклический сдвиг влево на k элементов
Есть код, но тут вправо, что поменять чтобы было влево? class Class1 < public byte.

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

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

Циклический сдвиг влево цифр числа
Осуществить циклический сдвиг влево введённого числа на N разрядов (например, при сдвиге числа.

11 битовый сдвиг влево и операция ему обратная
Всем доброй ночи, подскажите пожалуйста операцию обратную к 11 битовому сдвигу влево. Сам сдвиг.

Циклический сдвиг элементов массива влево/вправо на k позиций
Дан массив размера N и число k (0 < k < 5, k < N). Осуществить циклический сдвиг элементов массива.

Осуществить циклический сдвиг элементов массива влево на k позиций
Есть код на сдвиг в правую сторону, (т.е. изначальный массив: 1,2,3,4,5; k=3; Исходный массив.

Простой вопрос: возможно ли настроить коэффициент преобразования табуляции в пространство при использовании VSCode? Например, прямо сейчас в HTML, кажется, производит 2 пробела за нажатие TAB , но в Typescript выдает 4.

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

Вы можете отключить угадывание отступов через "editor.detectIndentation": false

Вы можете легко настроить это с помощью этих 3 настроек для Windows в File > Preferences > User Settings и для Mac в Code > Preferences > Settings или же ⌘, :

Я использую версию 1.21, но я думаю, что это может относиться и к более ранним версиям.

Посмотрите на нижнюю правую часть экрана. Вы должны увидеть что-то, что говорит Spaces или же Tab-Size ,

Шахта показывает пространства, ->

Нажми на Spaces (или же Tab-Size )
выберите Indent Using Spaces или же Indent using Tabs
Выберите количество пробелов или вкладок, которые вам нравятся.

Это работает только для одного документа, но не для всего проекта. Если вы хотите применить его для всего проекта, вам также необходимо добавить "editor.detectIndentation": false в ваши настройки пользователя.

Ну, новая версия vscode позволяет по-разному указывать тип файла для tabSize, вот пример моего settings.json по умолчанию 4 пробела и js/json 2 пробела:

PS: Ну, если вы не знаете, как открыть этот файл, вы можете: нажать левую нижнюю передачу -> затем настройки

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

Мы можем контролировать размер вкладки по типу файла с помощью EditorConfig и его расширения VS Code. Затем мы можем сделать Alt + Shift + F специфичными для каждого типа файлов.

Монтаж

ext install EditorConfig

Пример конфигурации

settings.json

EditorConfig переопределяет любой файл settings.json для редактора. Нет необходимости менять editor.detectIndentation ,

Если вы используете более красивое расширение в vscode, попробуйте добавить его в файл settings.json:

В версии VSC 1.31.1 или больше (я думаю). Понравился Сед Алекс Дима. Вы можете легко настроить это с помощью этих настроек для

Windows в меню Файл → Настройки → Настройки пользователя или используйте короткие клавиши ctr + shift + p
Mac в меню Код → Настройки → Настройки или ⌘,

просто скопируйте и вставьте приведенный выше код в свой settings.json файл и сохраните. Спасибо

В правом нижнем углу у вас есть пробелы: пробелы: 2

Там вы можете изменить отступ в соответствии с вашими потребностями: Параметры отступа

То есть lonefy.vscode-js-css-html-formatter винить, отключить его и установить HookyQR.beautify

Теперь при сохранении ваши вкладки не будут преобразованы

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

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

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

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

При использовании машинописи ширина вкладки по умолчанию всегда равна 2 независимо от того, что написано на панели инструментов. Вы должны установить "prettier.tabWidth" в настройках пользователя, чтобы изменить его.

Ctrl + P, Тип> Настройки пользователя, добавить:

Файл> Настройки> Настройки

добавить в настройки пользователя:

затем щелкните правой кнопкой мыши по вашему документу, если он уже открыт, и выберите "Формат документа", чтобы ваш существующий документ следовал этим новым настройкам.

Решение @alex-dima от 2015 года изменит размеры вкладок и пробелы для всех файлов, а решение @Tricky от 2016 года, по-видимому, изменит только настройки для текущего файла.

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

Я щелкнул по языку в строке состояния (в моем случае "Elixir"), выбрал "Настроить языковые настройки на основе" Elixir ". " и отредактировал языковые настройки для Elixir. Я просто скопировал настройки "editor.tabSize" и "editor.insertSpaces" из настроек по умолчанию слева (я так рад, что они показаны), а затем изменил их справа.

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

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