За последние несколько лет, Visual Studio Code стал очень популярным, среди IDE с открытым исходным кодом. Официальный релиз VS Code состоялся в 2015 году, а сегодня его используют 35% разработчиков, согласно данным Stack Overflow на 2018 год. В этой статье, я хочу поделиться рекомендациями, которые помогут работать в Visual Studio Code более продуктивно.
Git и Gitlens
Git наиболее популярное ПО среди разработчиков. Управлять Git, намного проще из IDE, чем из командной строки. Git-панель позволяет управлять состояниями файла: stage, commit, stash и отменять изменения. Расширение GitLens для VS Code предлагает ещё больше возможностей. Самая полезная фича GitLens — это история внесённых изменений, которая показывает, что и когда изменилось в каждой строке кода.
Live Share
VS Code Live Share — это совершенно новая функция, которая пока доступна для ознакомления. Она позволяет совместно использовать единое рабочее пространство в реальном времени: редактировать, следить за курсором пользователя, совместно отлаживать код и много чего ещё. Это действительно полезно, если вы работаете удаленно или когда вам нужно сотрудничать с кем-то, кого нет рядом.
JSON в Code
Случалось ли, что вы работали с API на TypeScript, а результат нужен в строго-типизированном виде? Paste JSON as Code конвертирует 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, когда может понадобится добавить много экземпляров одного и того же класса или изменить формат нескольких гиперссылок.
Debugger
По отладке стоит записать отдельное видео. К счастью, в VS Code это уже сделали.
Горячие клавиши и Command Pallette
Если хотите работать быстро, запоминайте горячие клавиши. С основными, можно ознакомиться в шпаргалке, или открыть страницу с комбинациями клавиш в самом редакторе.
Command Pallette — ваш лучший друг. Открывается с помощью Command + P (на Mac) или Ctrl + P (на Windows). Будучи разработчиком, вы наверняка работаете со множеством файлов одновременно. Начните вводить имя файла, и получите результаты поиска прямо в рабочей области. Это намного быстрее, чем кликать по дереву каталогов.
- Начните ввод с
>чтобы появился список доступных задач. - Или начните с
@чтобы увидеть список символов в текущем файле.
Пользовательские комбинации клавиш
Одной комбинации в VS code точно не хватает — это Save All. Создайте свою собственную комбинацию, чтобы сохранять файлы нажатием Command + Shift + S (на Mac) или Ctrl + Shift + S (на Windows).
Перевод статьи: Ankur Biswas Pro tips for Visual Studio Code to be productive in 2018
