Открыть проект в VS Code в мгновение ока 📂⚡

Единственное, что вы постоянно делаете в VS Code, — это открываете папку. Разве не было бы здорово быстро найти свой проект и открыть его в VS Code?

Давайте рассмотрим, как это можно сделать в командной строке и внутри VS Code.

В командной строке

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

На видео ниже показано, как я открываю JavaScript-проект vscode-file-bunny.

Мне требуется 6 секунд, чтобы найти и открыть папку. Я стараюсь идти медленнее, чтобы наглядно показать это на видео. Обычно я иду быстрее! Настоящий предел — это общение вашего мозга с вашими пальцами!

Давайте пройдемся по тому, как я создал эту команду!

Я использую отличную утилиту нечеткого поиска fzf, и утилиту поиска файлов fd. Вы должны установить обе эти утилиты, чтобы они работали, и они могут быть установлены в любой операционной системе.

Я предпочитаю использовать fd вместо find (обычно предустановленной в Linux), потому что она быстрее и уважает .gitignore.

Вы можете добавить следующее в .bashrc или .zshrc:

# choose a folder to open with vs code
ocode() {
  folder=$(fd --type d --exclude node_modules | fzf)

  if [ -n "$folder" ];
  then
    code $folder
  fi
}

Мы используем fd для захвата всех папок, начиная с текущего рабочего каталога, и исключаем node_modules. Мы передаем этот вывод в fzf, который представит его в виде интерактивного меню. Оператор if проверяет, что выбор действительно был сделан, поэтому мы не открываем vscode без необходимости. Сделанный выбор передается в качестве аргумента в code, который является командой для vscode. И готово, папка открывается.

Например, если я нахожусь в /home/rob/audiobooks, он будет искать только папки внутри audiobooks.

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

# choose a folder to open with vs code, always starts at home directory
ocode() {
  folder=$(fd --type d --exclude node_modules . $HOME | fzf)

  if [ -n "$folder" ];
  then
    code $folder
  fi
}

Поменяйте $HOME на другую папку, если вы хотите начать поиск с другого места.

В коде VS

Для открытия недавнего проекта используется VS Code. Вы можете нажать Ctrl + R (или выполнить команду File: Open Recent...), и это откроет ваши недавно открытые папки в выпадающем списке быстрого выбора, как показано ниже.

Вы можете ввести название и нажать Enter когда вы нажмете Enter, чтобы открыть папку. Это быстро!

Что делать, если вы не открывали папку раньше?

Если вы открываете новую папку, это происходит медленно. Если вы нажмете Ctrl + O (или выполнить команду File: Open Folder...), вы получите диалог выбора файла, как показано ниже. Вам нужно щелкнуть по местоположению папки. 🖱️

В моем случае диалог запускается в папке моего рабочего стола. Все папки моих кодовых проектов находятся в home/rob/programming/workspace, мне приходится кликать не менее 5 раз, чтобы попасть в конкретную папку проекта!

Я написал расширение под названием File Bunny, чтобы помочь с этим. В нем есть команда File Bunny: Открыть папку. Разница с этой командой в том, что вы можете делать все с клавиатуры в быстром выпадающем меню. И вы можете выбрать начальное местоположение!

Вот что получается, когда вы выполняете команду:

Заметили, что она запускается в home/rob/programming/workspace? 🙌

Вы можете быстро добраться до нужной вам папки, выстраивая путь постепенно. Это проще продемонстрировать на примере.

Опять же, я хочу найти папку проекта vscode-file-bunny. Я знаю, что она находится ниже в моем рабочем пространстве, в js/vscode/vscode-file-bunny.

Мне требуется 10 секунд, чтобы найти и открыть папку без единого щелчка! Как только вы освоитесь, вы сможете делать это быстрее!

Вот краткое описание того, что я сделал:

1. Я набрал «j», и папка js была первым вариантом. Я нажал Enter чтобы перейти в эту папку.
2. Я набрал «vs», и папка vscode стала первым вариантом. Я нажимаю Enter чтобы перейти в эту папку.
3. Я набираю «file», и первой опцией становится папка vscode-file-bunny. Я нажимаю Enter чтобы перейти к этой папке.
4. Первый вариант — «Эта папка». Я нажимаю Enter и открывается папка vscode-file-bunny.

По сравнению с командой ocode это может показаться немного утомительным, но мне этот метод тоже очень нравится. Это намного лучше, чем диалог файлов, IMO!

Вы можете спросить, почему бы мне не скопировать поведение ocode в расширение File Bunny?

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

Конечно, вы можете просто выполнить команду ocode во встроенном терминале! Единственное, что при этом откроется новое окно, а не откроется папка в текущем окне.

Завершение

Я люблю вносить подобные улучшения в свой рабочий процесс. Любое трение, которое я могу устранить, чтобы быстрее приступить к выполнению задачи, помогает создать импульс и способствует позитивному настрою. Найти и открыть нужный проект — это всегда хорошее начало! 😅