Одна из лучших особенностей VS Code - это наличие множества доступных плагинов. Как и я, если вы также являетесь веб-разработчиком, вам необходимы эти расширения, чтобы максимизировать свои навыки программирования.
1. Фрагменты кода Javascript (ES6)
Это мое личное любимое расширение, мне нравятся расширения сниппетов. Как вы знаете, написание одного и того же фрагмента кода будет неприятным, поэтому наличие такого рода расширения очень помогает. Это расширение предоставляет фрагменты популярного кода JavaScript для ES6. Найди здесь
2. ESLint
На каждом шагу вперед нужно писать лучший код, не так ли? Для этого вам нужно одинаковое формирование кода во всем приложении. Затем сначала установите ESLint. Это расширение можно интегрировать в ваше приложение для автоматического форматирования кода. Кроме того, код Vs выдает предупреждение, если вы пропустили какое-либо формирование ESLint. Найди здесь
3. Автоматическое переименование тега
Иногда вам нужно переименовать элемент в HTML, что вроде бы подумалось, если вы сделаете это вручную, но с помощью Автоматического переименования тега вам просто нужно переименовать любой из тегов, например открывающий или закрывающий тег, и другое будет переименовано. Разве это не потрясающе? АГА. Найди здесь
4. Квокка
Нужна удобная консоль для немедленного тестирования JS-кода? Что ты обычно делаешь? Открыть хромированную консоль? ХАХА, я делал то же самое до того, как получил Quokka. Сила Quokka в том, что она дает вам консоль JavaScript в самом VS Code. Это означает, что вы можете протестировать свой фрагмент кода JS прямо здесь, не переключая приложения. Найди здесь
5. Предварительный просмотр в браузере
Мне очень нужно расширение сервера для тестирования моего кода или просмотра результатов, у меня есть этот плагин, который будет соответствовать моим требованиям. Он дает мне возможность предварительного просмотра моего кода справа внутри VS Code. Это экономит мое время, чтобы переключиться в браузер, чтобы проверить небольшие изменения CSS / JS. Найди здесь
6. Полакод
Вы знаете те красивые скриншоты кода, которые вы видите в статьях и твитах? Да, они могут быть от Polacode. Очень проста в использовании. Скопируйте фрагмент кода в буфер обмена, откройте расширение, вставьте код и нажмите Сохранить изображение! Найди здесь
7. Красивее
Не тратьте время на форматирование кода, просто НЕ НУЖНО. Нет нужды. Я готов, я упомянул ESLint, который предлагает форматирование и помазание. Если вам не нужна часть мази, используйте Prettier. Его очень легко настроить, и его можно настроить для автоматического форматирования вашего кода. Найди здесь
8. Лучшие комментарии
Этот цветовой код расширяет различные типы комментариев, чтобы придать им разное значение и выделиться по всему коду. Я использую это ВСЕ время, чтобы комментировать. Трудно игнорировать большие оранжевые комментарии, которые говорят мне, что у меня есть незавершенная работа. Есть также цветовые коды для вопросов, предупреждений и выделения. Вы также можете добавить свои собственные! Найди здесь
Есть N номеров от лучших до лучших плагинов, но не устанавливайте их все сразу. Это сделает ваш VS Code тяжелее. Еще бывает, что на загрузку уйдет больше времени.
Спасибо за чтение.
