Введение
В целом, расширения — это полезные инструменты для разработчиков, желающих расширить возможности языка программирования или приложения за пределы стандартных возможностей. Они помогут добавить новые функции, настроить поведение языка или приложения и оптимизировать процесс разработки.
Синхронизация настроек
Прежде чем начать устанавливать плагины направо и налево, полезно узнать о синхронизации настроек. Она позволяет синхронизировать практически всё, что вы настраиваете в VSCode, от настроек до сочетаний клавиш для других расширений VSCode, с GitHub. Таким образом, вместо того, чтобы программировать в стандартной среде VSCode на новых устройствах или настраивать всё вручную, вы получите доступ к выбранной вами IDE с любого устройства.
Живой сервер
Этот плагин VSCode пользуется популярностью у многих разработчиков программного обеспечения. Live Server создаёт локальный сервер разработки с динамической перезагрузкой как для статических, так и для динамических страниц. Каждый раз при сохранении кода вы сразу же видите изменения в браузере. Вы сможете гораздо быстрее выявлять ошибки и проводить быстрые эксперименты с кодом.
Удаленный – SSH
Расширение Remote – SSH позволяет использовать любую удалённую машину с SSH-сервером в качестве среды разработки. Это значительно упрощает разработку и/или устранение неполадок в различных сценариях. Кроме того, вам не потребуется хранить исходный код на локальной машине, поскольку расширение запускает команды и другие расширения непосредственно на удалённой машине.
Красивее
Prettier — это инструмент форматирования кода, который особенно удобен, если над проектом работают несколько человек, поскольку расширение применяет единый стиль. Вы можете настроить его на форматирование кода при каждом сохранении, что значительно сократит время, затрачиваемое на его оформление.
GitHub Copilot
Некоторые называют GitHub Copilot революцией в программировании, другие — полезным инструментом. Как бы вы ни относились к этому, ИИ-автодополнение стоит того, чтобы интегрировать его в свой рабочий процесс. GitHub Copilot, обученный на GPT-3, предлагает подсказки по коду, выполняет автодополнение и даже может помочь вам писать код, добавляя комментарии на естественном языке.
Автоматическое переименование тега
В то время как VSCode изначально подсвечивает совпадающие теги и сразу добавляет закрывающие теги при вводе открывающего тега, Auto Tag Rename автоматически переименовывает теги при их изменении. Это расширение работает с HTML, XML, PHP и JavaScript, избавляя от необходимости переименовывать теги дважды.
GitLens
GitLens расширяет возможности Git в Visual Studio Code. Это мощный плагин, позволяющий увидеть, кто, почему и как менялись строки кода с течением времени (помимо множества других функций). GitLens — это плагин с широкими возможностями настройки. Если вам не нравится какой-либо параметр, вы можете легко отключить его в настройках.
История Git
Подобно GitLens, Git History — это расширение для VSCode, которое обеспечивает визуальное представление журнала git. Больше не нужно просматривать журнал git в терминале. Расширение весьма функционально. Оно позволяет сравнивать ветки, коммиты и файлы между коммитами. Также можно искать по аватарам Github, что довольно удобно.
CSS-подсказка
Этот плагин бесценен для фронтенд-разработчиков. Вдохновленный аналогичной функцией IDE Brackets, CSS Peek позволяет развернуть HTML- и JS-файлы, чтобы отобразить код CSS/SCSS/LESS в исходном коде. Он также позволяет быстро перейти к нужному CSS-коду, если известно имя или идентификатор класса.
Фрагменты кода JavaScript
Хотя VScode включает встроенную поддержку JS IntelliSense, JS Code Snippets расширяет возможности, добавляя триггер импорта/экспорта, вспомогательные методы классов и триггеры методов. Расширение поддерживает JS, TypeScript, JS React, TS React, HTML и VUE. Фрагменты кода для других платформ, например, Angular, легко доступны в магазине приложений VScode.
