Повысьте скорость кодирования

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

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

1. Открывает палитру для поиска файла.

Mac: CMD + P
Windows / Linux: CTRL + P

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

2. Добавьте курсоры ко всем совпадающим выборкам.

Mac: CMD + SHIFT + L
Windows / Linux: CTRL + SHIFT + L

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

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

3. Добавьте курсор к следующему подходящему выбору.

Mac: CMD + D
Windows / Linux: CTRL + D

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

4. Отменить последнюю операцию курсора.

Mac: CMD + U
Windows / Linux: CTRL + U

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

5. Выберите текущую строку.

Mac: CMD + L
Windows / Linux: CTRL + L

Часто мы используем перетаскивание мышью, чтобы выделить текст, но если мы хотим выделить целые строки, мы можем использовать эту команду

6. Перейдите к определенной строке.

Mac: CTRL + G
Windows / Linux: CTRL + G

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

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

7. Закройте все открытые вкладки редактора.

Mac: CMD + K + W
Windows / Linux: CTRL + K + W

Эта команда полезна, когда мы хотим очистить все вкладки.

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

8. Переключить блок-комментарий.

Mac: SHIFT + OPTION + A
Windows: SHIFT + ALT + A, Linux: CTRL + SHIFT + A

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

Мы заключаем фрагмент кода Javascript с /* */, чтобы добавить комментарий блока. Однако с помощью этого ярлыка мы можем добавить или удалить комментарий блока для выбранного блока кода или добавить новые.

Комментарии к строке можно переключать с помощью CMD + / (Windows/Linux: CTRL + /)

9. Сложите кодовый блок.

Mac: CMD + OPTION + [
Windows / Linux: CTRL + SHIFT + [

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

Вы можете развернуть блок кода с помощью CMD + OPTION + ] (or Windows/Linux: CTRL + SHIFT + ] )

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

Mac: OPTION + UP / DOWN
Windows / Linux: ALT + UP / DOWN

Если вы хотите переместить фрагмент кода, например объявление переменной вверх или вниз, вы вырезаете и вставляете его в соответствующее место, но если корректировка выполняется для нескольких строк, вы можете использовать эту команду для перемещения текущей строки / выбор вверх или вниз

11. Откройте интегрированный терминал.

Mac: CTRL + `
Windows / Linux: CTRL +`

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

12. Разделить вид редактора

Mac: CMD + \
Windows / Linux: CTRL + \

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

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

13. Форматировать документ

Mac: SHIFT + OPTION + F
Windows: SHIFT + ALT + F, Linux: CTRL + SHIFT + I

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

Это позволяет нам отформатировать текущий документ в соответствии с настроенными параметрами.

14. Повторяющееся выделение вверх или вниз.

Mac: OPTION + SHIFT + UP / DOWN
Windows / Linux: SHIFT + ALT + UP / DOWN

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

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

15. Переключить боковую панель.

Mac: CMD + B
Windows / Linux: CTRL + B

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

Вишня на торте

code . открывает VS Code из терминала

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

P.S. Если это еще не настроено, вы можете сделать это из VS Code, открыв палитру команд с помощью CMD+SHIFT+P и набрав shell, а затем выбрав Shell Command: Install ‘code’ command in PATH из вариантов.

Резюме

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

Есть и другие полезные сочетания клавиш, например CMD+SHIFT+F для поиска, CMD+SHIFT+P для отображения палитры команд, CMD+/ для переключения комментариев к строке и т. Д.

Спасибо за чтение.

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