Как повысить эффективность использования Visual Studio Code

0
4029
views

Перевод статьи Анкура Бисваса «Pro tips for Visual Studio Code to be productive in 2018».

VS Code
Photo by Goran Ivos on Unsplash

За последние годы на рынке IDE с открытым кодом значительно выросла популярность Visual Studio Code. VS Code был представлен общественности в 2015 году. Теперь им пользуются 35% разработчиков (согласно данным опроса Stack Overflow, проведенного в 2018 году). В этой статье я поделюсь некоторыми приемами использования VS Code, благодаря которым можно повысить продуктивность работы.

Git и Gitlens

gitlens

Git это самое популярное программное обеспечение, которым пользуются разработчики. Управлять Git из вашей IDE значительно проще, чем из командной строки. Панель Git позволяет вам выполнять такие действия как stage, commit, stash, а также отменять изменения.

Расширение GitLens для VS Code предлагает вам намного больше. Самое полезное свойство GitLens – показывать информацию о том, кто, что и когда закоммитил по каждой строке проекта.

Live Share

Live Share

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

JSON в код

JSON в код

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

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

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

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

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

Если вы хотите, чтобы изменения затронули только текущий файл, используйте сочетания клавиш Command + F2 (в Mac) или Ctrl + F2 (в Windows). VS Code породит курсор у каждого экземпляра этой переменной в текущем файле.

Идти к определению

Идти к определению

Когда вы программируете или пишете сценарий, часто случается наткнуться на переменную или метод, который вы не узнаете. Что же делать? Вы можете потратить несколько минут на поиск нужного файла или просто нажать клавишу Command (в Mac) или Ctrl (в Windows) и кликнуть мышью на переменную/метод. VS Code немедленно переместит вас к их определению.

Или можно просто навести курсор мыши на переменную/метод с зажатыми клавишами Command (в Mac) или Ctrl (в Windows) – и увидите определение прямо в месте расположения курсора.

Одновременное редактирование нескольких строк

Одновременное редактирование нескольких строк

Если вам требуется вставить или удалить несколько экземпляров одного и того же текста в документе, это можно сделать, создав несколько курсоров. Для этого удерживайте нажатыми Option (в Mac) или Alt (в Windows) и кликайте в тех местах текста, где нужно создать новый курсор.

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

Отладчик

Отладчик заслуживает отдельного видео и VS Code снял такой ролик.

Горячие клавиши и палитра команд

Горячие клавиши и палитра команд

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

Палитра команд это ваш лучший друг. Открыть ее можно, нажав Command + P (в Mac) или Ctrl + P (в Windows). Если вы разработчик, то вам, вероятно, приходится жонглировать многими файлами одновременно. Начните набирать имя файла и получите результаты поиска с полным текстом прямо в рабочей зоне. Это намного быстрее, чем кликать по дереву директорий.

  • Чтобы получить список доступных задач, нужно начинать ввод с символа >.
  • А если начать с @, то можно получить список символов текущего файла.

Пользовательские горячие клавиши

Пользовательские горячие клавиши

В VS Code упущено важное сочетание клавиш, позволяющее сохранить все изменения во всех измененных файлах рабочего пространства – Save All. Давайте создадим для этой цели собственное сочетание клавиш: Command + Shift + S (в Mac) или Ctrl + Shift + S (в Windows).

Если вы знаете еще какие-то приемы для повышения эффективности VS Code, – поделитесь ими в комментариях. Возможно, они пригодятся еще кому-нибудь!



ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here