Visual Studio Code — наиболее часто используемая на сегодняшний день IDE с большой популярностью среди профессионалов и новых разработчиков, а благодаря своему большому сообществу предоставляет огромное количество функций, расширений и настроек.
Эта статья посвящена нескольким полезным советам, которые помогут вам быстрее и эффективнее редактировать код.
1. Пользовательские сниппеты
VS Code предоставляет большое количество расширений сниппетов для различных языков и фреймворков, но вы также можете создавать свои собственные уникальные сниппеты, которые позволяют создавать часто используемые строки кода за доли секунды.
Чтобы настроить свои фрагменты, перейдите в раздел Файл › Настройки › Настроить пользовательские фрагменты ›, а затем выберите язык для своих фрагментов или создайте новый глобальный файл фрагмента кода.
Там вы можете создать свой новый фрагмент. В этом примере создается многострочная функция карты с помощью console.log для проверки значений, которые сопоставляются. Значение в «префиксе» служит для быстрого создания определенной функции в «теле». Символы $1, $2 и т. д. обозначают позиции табуляции, к которым можно быстро перейти, а $0 определяет последнюю позицию табуляции. Символ \t$3 — это символ отступа табулятора.
2. Многострочный выбор
Мы часто можем столкнуться с необходимостью выбрать несколько ключевых слов в нашем коде или поместить курсор в разные места одновременно, а затем начать редактирование. К счастью, VS Code позволяет нам сделать это быстро и просто.
Поместить курсор в несколько мест можно, просто удерживая alt, а затем нажимая в местах, которые мы хотим отредактировать:
Если мы хотим выделить текст, который повторяется в коде в нескольких местах, мы можем поместить курсор на это слово, а затем нажать ctrl + shift + l
3. Перемещение кода
Следующая обычная вещь, которую вам нужно сделать при редактировании или написании кода, — это переместить его части из одного места в другое. Конечно, вы всегда можете использовать старый добрый ctrl c + ctrl v, но VS Code также предлагает несколько более быстрых вариантов.
Первый — поместить курсор на одну строку или выбрать блок кода с помощью курсора, а затем нажать alt + стрелка вверх или вниз в зависимости от того, куда вы хотите переместиться. код.
Второй вариант — перейти к нужной строке или блоку кода и просто вырезать всю строку с помощью ctrl + x, а затем поместить ее в другое место с помощью ctrl + v.
4. Быстрая навигация по символам
Если у вас большой файл кода с множеством функций, объектов, переменных и так далее, может быть сложно найти нужную функцию. Вы всегда можете нажать ctrl + f и ввести имя функции, или вы можете нажать ctrl + shift + o, чтобы открыть весь список символов, присутствующих в файле, чтобы вы могли просмотреть и найти нужную вещь. вы хотите.
Заключение
Как видите, существует довольно много простых способов облегчить и ускорить процесс редактирования кода в VS Code, но это только поверхностные сведения. Существует множество других способов настройки и дальнейшего улучшения вашего опыта кодирования. Хорошим местом для начала является официальная Шпаргалка по ярлыкам VS Code.