Повысьте скорость кодирования
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+/
для переключения комментариев к строке и т. Д.
Спасибо за чтение.
Если вы нашли эту статью полезной, поставьте лайк и поделитесь ею со своими коллегами и друзьями. Если у вас есть предложения, не стесняйтесь добавлять их в комментарии.