как сдвинуть код влево в vs code

Как сдвинуть блок кода влево/вправо на одно место в VSCode?

В VSCode я могу использовать alt-up и alt-down для перемещения строки или блокировки вверх или вниз, но я не могу найти команду для увеличения или уменьшения отступа на одно пространство.

Я могу сделать отступ /outdent кратным tabSize, но для меня это не совсем достаточно, и я действительно не хочу устанавливать tabSize = 1.

ОТВЕТЫ

Ответ 1

В репозитории vscode был запрос на добавление функции. Но он был помечен как extension-candidate и закрыт. Итак, вот расширение: отступ один пробел

Ответ 2

UPDATE

В то время как эти методы работают, более новые версии VS Code используют ярлык Ctrl + ] для однократного отступа блока кода и Ctrl + [ для удаления отступов.

Этот метод обнаруживает отступ в файле и, соответственно, отступы. Вы можете изменить размер отступа, щелкнув параметр «Выбрать отступ» в правом нижнем углу кода VS (выглядит как «Пробелы: 2»), выбрав «Отступ с использованием пробелов». из выпадающего меню, а затем выберите, на сколько пробелов вы хотите сделать отступ.

Ответ 3

Посмотрите Файл> Настройки> Сочетания клавиш (или Ctrl + K Ctrl + S ).

Найдите cursorColumnSelectDown или cursorColumnSelectUp который даст вам подходящую комбинацию клавиш. Для меня это Shift + Alt + Down/Up Arrow

Ответ 4

Нет необходимости использовать какие-либо инструменты для этого, я решил ту же проблему, выполнив следующие 2 шага

1 Установите Spaces в 1, как предложил TeeKea

2 Выделите весь блок кода и нажмите Shift + Tab

Ответ 5

Последние версии VSCode (например, Версия 1.29 на момент публикации этого ответа) позволяют изменить размер вкладки/пробела на 1 (или любое число от 1 до 8 ). Вы можете изменить размер Tab/Space из нижнего правого угла, как показано на рисунке ниже:

Ответ 6

@Sameer Kape твой был лучшим из всех. Благодарю.

Ответ 7

У меня была проблема с намерением. Значение по умолчанию Command + ] установлено на 4, и я хотел, чтобы оно было 2. Установлен «Отступ 4 к 2», но он изменил весь файл, а не выделенный текст.

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

Перейти к Settings → Text Editor → Tab Size

Источник

Как сдвинуть блок кода влево / вправо на один пробел в VSCode?

Как все сдвинуть в Excel: с помощью Microsoft Excel

В VSCode я могу использовать alt-up и alt-down для перемещения строки или блока вверх или вниз, но я не могу найти команду для увеличения или уменьшения отступа на один пробел.

я Можно отступ / отступ на несколько значений tabSize, но для меня это недостаточно общий характер, и я действительно не хочу устанавливать tabSize = 1.

Для этого был запрос функции в репозитории vscode. Но это было отмечено как extension-candidate и закрыто. Итак, вот расширение: Indent One space

В отличие от ответа ниже, который говорит вам использовать Ctrl + [ это расширение отступает от кода на ОДИН пробел 🤦‍♂️.

ОБНОВИТЬ

Хотя эти методы работают, более новые версии VS Code используют Ctrl + ] ярлык для однократного отступа блока кода и Ctrl + [ убрать отступ.

Этот метод определяет отступ в файле и соответственно делает отступ. Вы можете изменить размер отступа, щелкнув параметр «Выбрать отступ» в правом нижнем углу VS Code (выглядит примерно как «Пробелы: 2»), выбрав «Отступ с использованием пробелов» из раскрывающегося меню, а затем выберите, на сколько пробелов вы хотите сделать отступ.

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

Как это работает Shift + Tab = Shift текста справа налево

Последние версии VSCode (например, версия 1.29 на момент публикации этого ответа) позволяют изменить размер табуляции / пробела на 1 (или любое число от 1 а также 8 ). Вы можете изменить размер табуляции / пробела в внизу справа угол, как показано на изображении ниже:

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

Посмотри на Файл> Настройки> Сочетания клавиш (или Ctrl + K Ctrl + S )

Ищи cursorColumnSelectDown или cursorColumnSelectUp который даст вам соответствующее сочетание клавиш. Для меня это сдвиг + Alt + Стрелка вниз / вверх

У меня была проблема с намерением. По умолчанию Команда + ] установлен на 4, и я хотел, чтобы это было 2. Установил «Отступ 4-к-2», но он изменил весь файл, а не выделенный текст.

Я изменил интервал табуляции в настройках, и это было просто.

Перейдите в VS Code.

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

Перезагрузите VS Code, и вы можете использовать Command + [ а также Command + ]

Источник

20 сочетаний клавиш для ускорения работы в VS Code

Перевод статьи «20 VS Code Shortcuts For Fast Coding — Cheatsheet».

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

Объединить строку

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

Это сочетание помогает выровнять код в соответствии с заранее прописанными настройками редактора.

Обрезка множественных пробелов

Данное сочетание клавиш помогает избавиться от лишних пробелов в начале или конце строки.

Совет: применяйте в самом конце, когда завершаете работу над кодом в текущем файле.

Есть и альтернативный подход. Можно включить обрезку пробелов в самих настройках:

Также мы добавили новую команду для запуска вручную (Trim Trailing Whitespace в палитре команд).

Если вы используете более новую версию VS Code, после открытия пользовательских настроек вы увидите следующее окно (поставьте галочку, как показано):

Сворачивание блоков кода

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

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

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

Скопировать строку сверху или снизу

Назначенные сочетания можно посмотреть и отредактировать, пройдя по пути File > Preferences > Keyboard Shortcuts.

Разбить окно редактора по вертикали

Чтобы разбить окно редактора, можно воспользоваться командой split editor. Оригинальное сочетание клавиш для разделения окна — 123. Функция разделения полезна для параллельного редактирования файлов.

Назначенные сочетания также можно отредактировать, выбрав новые по своему вкусу (File > Preferences > Keyboard Shortcuts).

Окно редактора в виде сетки

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

Для поддержки гибких макетов можно создать пустые группы редактора. По умолчанию закрытие последнего редактора группы закрывает и саму группу, но это поведение можно изменить, добавив в настройках workbench.editor.closeEmptyGroups: false.

В меню View > Editor Layout можно посмотреть набор готовых вариантов разделения окна.

Выделить слово

Если нажать command + d больше одного раза, к выделению добавится еще одно вхождение того же слова далее по тексту.

Открыть или закрыть боковую панель

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

Переход к указанной строке

Примечание: чтобы перейти к нужной строке в файле, используйте сочетание клавиш ctrl + g, после которого введите номер строки. Или же сначала откройте меню файла при помощи command + p, затем введите двоеточие и номер нужной строки.

Переход к символу в файле

Символы можно группировать, добавив двоеточие:

Переход к символу в рабочем окружении

Удаление предыдущего слова

Полезно в ситуациях, если набрали лишнее, а жать несколько раз backspace не любите.

Выделение целых слов

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

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

Дублирование строк это очень полезный и хорошо известный функционал.

Удаление строки

Добавление курсора сверху / снизу

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

Переименование символа

Выделите нужный символ, а затем нажмите f2. Также можно использовать контекстное меню.

Выделение столбца

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

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

При помощи этих сочетаний клавиш можно получить доступ ко всем доступным в вашем контексте командам. Вот самые используемые из них:

1. Открыть файл

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

2. Посмотреть сочетание клавиш для команды

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

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

Источник

Повышаем продуктивность работы в Visual Studio Code: полезные сочетания клавиш

Перевод статьи «The guide to Visual Studio Code shortcuts, higher productivity and 30 of my favourite shortcuts you need to learn».

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

Вероятнее всего, вы работаете по 8 часов в день и значительную часть этого времени проводите в своем любимом редакторе кода. Знание полезных сочетаний клавиш ускорит вашу работу. Вы сможете гораздо быстрее найти нужный вам файл или, не открывая дополнительное окно терминала, запустить NPM-команду, нужную вам прямо СЕЙЧАС.

Шпаргалки с сочетаниями клавиш

Создатели Visual Studio Code сделали для вас готовые шпаргалки, разбив их по операционным системам:

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

Раскладки (Keymaps)

Вы пользователь Vim? Или, может, у вас в голове уже вытатуированы сочетания клавиш для Emacs? Или, как вариант, вам по какой-то причине нравится пользоваться notepad++ и имеющимися там сочетаниями?

Для всех вас в Visual Studio есть соответствующие расширения! Давайте для примера установим Atom Keymap. Мы сделаем это без помощи вашей любимой мышки (почти).

Вы можете найти такую раскладку практически для каждого редактора кода. Установите ту, что вам нравится, и пользуйтесь уже выученными сочетаниями клавиш! Круто, правда?

Настройки сочетаний клавиш

Есть два способа посмотреть настройки сочетаний клавиш. Первый — при помощи графического интерфейса, второй — при помощи редактирования JSON-файла.

Графический интерфейс

Графический интерфейс можно открыть, если нажать CTRL+k, а затем, удерживая CTRL, нажать CTRL+s.

Сверху у вас будет строка поиска, где вы сможете поискать команду или нужное вам сочетание клавиш. Эти диалоговые окна в Visual Studio Code выглядят примерно одинаково и часто встречаются.

Вы увидите четыре колонки. Давайте их рассмотрим.

Чтобы изменить сочетание клавиш, нужно сделать двойной клик в строке (возникнет всплывающее окно). Затем нажмите нужное вам сочетание клавиш и Enter.

Сочетания клавиш в JSON-файле

Теперь, когда у вас есть общее понимание того, как работают сочетания клавиш, давайте рассмотрим файл keybindings.json.

Прежде всего, есть два файла: дефолтный keybindings.json и user-specific keybindings.json. Нажмите CTRL+SHIFT+P или F1, чтобы открыть палитру команд. Наберите keyboard shortcuts — вы должны увидеть как минимум две позиции в вашей палитре.

Чтобы добавить сочетание клавиш в JSON-файл, нужно добавить объект, как в примере:

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

Полезные сочетания клавиш

Открыть палитру команд

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

Открывает самый мощный функционал Visual Studio Code — палитру команд. Просто впечатайте в строке поиска то, что вам нужно, и палитра это найдет!

Открыть и закрыть боковую панель

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

Таким образом можно сворачивать и разворачивать боковую панель.

Войти в режим дзен (Zen Mod)

Zen Mod встроен в Visual Studio Code. Чтобы перейти в него, нажмите

Таким образом Zen Mod и включается, и выключается.

Перейти во встроенный терминал

Одна из моих любимых фич в Visual Studio Code — встроенный терминал. В 99% случаев я пользуюсь именно им! Чтобы его быстро открыть или закрыть, нужно нажать

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

Поиск файла в проекте

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

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

Переключиться в недавно открытое рабочее пространство

Вы работаете над микросервисной архитектурой и вам все время приходится переключаться между папками? Для вас есть специальное сочетание клавиш! Нажмите

Откроется диалоговое окно со списком недавно открытых рабочих пространств (папок). Дополнительный совет: если в этом диалоговом окне нажать CTRL+ENTER, Visual Studio Code откроет его в новом окне.

Разделить окно редактора

Люди любят vim, потому что в нем легко разбивать окно просмотра на несколько частей. В Visual Studio Code это тоже есть. Просто нажмите

— чтобы создать два столбца, или

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

Перевести фокус в нужное окно

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

То есть, вам нужно нажать CTRL и номер окна, в которое вы хотите перевести фокус. Для первого — CTRL+1, для второго CTRL+2 и т. д. Просто, правда?

Закрыть текущее окно

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

Это сочетание закрывает текущее окно.

Закрыть только сохраненные окна

Иногда у вас столько открытых окон, что вы уже не знаете, что вы сохранили, а что — нет. Да, я знаю, что это можно понять по точке на вкладке, но все равно, для этого же нужно напрячься и найти нужные файлы. Visual Studio Code может вас подстраховать! Просто нажмите

Это сочетание закроет все сохраненные окна, так что вы сразу увидите, что у вас не сохранено.

Открыть новый файл

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

Откроется новый редактор.

Сменить язык текущего файла

Хотите сменить язык, который выбрали для файла, например, хотите использовать Javascript (react), а не Javascript? Нажмите

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

Перейти на строку

А теперь давайте сосредоточимся на том, как ускорить редактирование. Допустим, у вас ошибка на строке 1042 (и если у вас такой длинный файл, это само по себе плохо). Прокрутка не нужна! Нажмите

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

Перейти к идентификатору (Symbol)

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

Откроется диалог со списком доступных идентификаторов в текущем файле.

Если нажмете такое сочетание, в диалоге будет только #. Вам нужно будет ввести нужный идентификатор, а Visual Studio Code поищет его по всему рабочему пространству (если он поддерживается языком, который вы используете).

Переместить строку вверх или вниз

Иногда вам нужно переместить строку внутри вашего if или просто переместить, потому что она вызывается слишком рано. Сделать это можно, нажав

— чтобы переместить строку вниз, или

— чтобы переместить текущую строку вверх.

Копировать текущую строку

Вам нужно заполнить массив какими-то переменными, но вам лень писать цикл. Как же вам получить array[0] array[1] и array[2]? Можно скопировать первую строку и просто изменить, что нужно. Для этого нажмите

Так вы скопируете текущую выбранную строку и вставите скопированное на одну строку выше.

При помощи этого сочетания текущая строка будет скопирована и вставлена на строку ниже.

Показать предложения

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

Это сочетание откроет диалог предложений.

Закомментировать текущее выделение

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

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

Выделить (выбрать) несколько строк кода

Чтобы закомментировать блок кода, нужно выбрать больше одной строки. Это можно сделать, нажав

— чтобы начать выделение с текущей строки и двигать курсор вверх.

— чтобы начать выделение с текущей строки и двигать курсор вниз.

Свернуть или развернуть код

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

— чтобы свернуть (спрятать) код

— чтобы развернуть (показать) код.

Вырезать всю строку

Здесь у вас не должно быть выделенного кода. Нажмите

Если ничего не выделено, вырежется вся строка.

Увеличить (уменьшить) отступ строки

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

Нажимать нужно столько раз, сколько вам нужно для приведения кода в желаемый вид. А вы знали, что можно и убрать отступ? Сдвинуть код влево? Это можно сделать, нажимая

Заключение

Сочетаний клавиш существует очень много, значительно больше, чем здесь описано. Я указал только те, которыми сам пользуюсь чаще всего. Надеюсь, теперь вы знаете о них больше и сможете создавать собственные.

Вероятно, у вас есть и свои любимые сочетания? Поделитесь в комментариях, возможно, они еще кому-нибудь пригодятся!

Источник

Хоткеи для VS Code: гифки с демонстрацией и шпаргалка

Хоткеи для VS Code: гифки с демонстрацией и шпаргалка

Любую команду в Visual Studio Code можно выполнить через командную строку (Ctrl + Shift + P), но сочетания клавиш помогают сильно экономить время. Достаточно только привыкнуть их использовать.

Для вашего удобства в конце статьи есть шпаргалка со всеми хоткеями.

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

Время от времени заходить в настройки всё же приходится. Этот хоткей ускоряет процесс.

Показать список горячих клавиш: Ctrl + K Ctrl + S

Переключиться между средами разработки: Ctrl + R

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

Глобальный перенос по словам: Alt + Z

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

Перейти на строку: Ctrl + G

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

Перейти к файлу: Ctrl + P

Самый быстрый способ переключения между файлами (особенно если они ещё не открыты).

Перейти к следующей ошибке или предупреждению: F8

Отладка одной клавишей во плоти. Ещё можно переходить на предыдущую ошибку или предупреждение, используя Shift + F8.

Переключиться между вкладками: Ctrl + Tab

Быстрый способ переключения между уже открытыми файлами.

Поместить курсор в конец каждой выделенной строки: Shift + Alt + I

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

Выделить текущую строку: Ctrl + L

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

Выделить все вхождения текущего выделения: Ctrl + Shift + L

Хоткей сэкономит время, потому что теперь не нужно использовать Ctrl + D во всём файле.

Выделить все вхождения текущего слова: Ctrl + F2

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

Подсказки по параметрам: Ctrl + Shift + Space

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

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

Специально для тех, кому лень постоянно придерживаться правил форматирования.

Форматировать выделенную область: Ctrl + K Ctrl + F

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

Перейти к определению: F12

Быстрый способ перейти к определению функции или переменной.

Показать определение: Alt + F12

Сочетание клавиш похоже на прошлое, но в этом случае курсор никуда не перемещается.

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

Незаменимый хоткей для рефакторинга кода.

Обрезать пробелы в конце: Ctrl + K Ctrl + X

Чтобы вручную не удалять лишние пробелы в конце строки. Работает при выделении нескольких строк.

Отобразить открытый файл в проводнике: Ctrl + K R

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

Замена в файлах: Ctrl + Shift + H

Если одного файла вам не достаточно.

Превью Markdown-файла: Ctrl + K V

Открыть предпросмотр Markdown-файла.

Включить Zen Mode: Ctrl + K Z

Не позволяйте навязчивым интерфейсам отвлекать вас от программирования. Хоткей поможет сконцентрироваться на коде.

Шпаргалка

Хинт для программистов: если зарегистрируетесь на соревнования Huawei Cup, то бесплатно получите доступ к онлайн-школе для участников. Можно прокачаться по разным навыкам и выиграть призы в самом соревновании.

Перейти к регистрации

Источник