VSCode или Visual Studio Code - самый популярный редактор для веб-разработки в 2020 году. Одной из самых популярных функций VSCode являются его расширения. Каждый месяц люди со всего мира создают расширения с открытым исходным кодом, чтобы помочь в работе с VSCode. Я покажу вам 10 моих любимых расширений VSCode для веб-разработки.
Установка расширений VSCode и VSCode
Чтобы использовать расширения VSCode, вам необходимо загрузить их. Вы можете скачать это здесь".
Чтобы установить расширения, щелкните значок расширения (показанный ниже) и введите расширение. Найдя, нажмите «Установить», чтобы установить расширение для VSCode.
Мой Топ 10
10: Лучшие комментарии
Better comments - это расширение, которое поможет улучшить ваш код, добавляя комментарии с помощью предупреждений, информации, TODO, вопросов и т. Д. Это просто отличное расширение, которое делает ваш код более читабельным и позволяет аккуратно отсортировать комментарии. "Источник"
9: Ошибка линзы
Error Lens - это расширение, которое показывает ваши ошибки в строках, где они присутствуют (пример выше). Это расширение - спаситель при поиске небольшой ошибки, которая приводит к сбою всего вашего приложения. Кроме того, это расширение легко настраивается, что позволяет изменять такие параметры, как цвета, шрифты, размер шрифта, исключая некоторые ошибки и многое другое. "Источник"
8: Стоимость импорта
Это расширение указывает стоимость импорта (как следует из названия) рядом с каждым импортируемым модулем / пакетом. Очень важно знать, оптимизируете ли вы импорт и зависимости, чтобы обеспечить максимально быструю и эффективную работу пользователей. Это расширение хорошо работает с импортом ES6, а для ES5 и ниже требуется синтаксис. "Источник"
7: Раскраска пара скобок 2
Это расширение придает одинаковый цвет совпадающим скобкам и круглым скобкам. Это расширение избавляет вас от слишком долгого поиска правильной закрывающей скобки. Это необходимо, если вы используете язык, в котором используются скобки, а не отступы (извините, пользователи Python). "Источник"
6: Тема материала и Тема значка материала
Это расширение дает вам потрясающие значки для ваших файлов и прекрасную тему. Моя любимая тема в теме Material - это тема palenight (это много тем). Эти два расширения - мои любимые, когда дело доходит до дизайна / тем в VSCode. Источник: Me Learning Flutter с темой Palenight и значками материалов
5: HTML-фрагменты
Это расширение позволяет вам ввести что-то вроде div.container и получить <div class="container"></div>. Это расширение позволяет очень быстро писать HTML. Основная причина, по которой мне так нравится это расширение, - это его поддержка JSX. Я разработчик React, и это делает меня более продуктивным. "Источник"
4: Живой сервер
Это самый простой способ запустить сервер за секунды. Одним нажатием кнопки ваш сайт запускается и работает локально. Преимущество использования этого вместо размещения файла index.html в Google заключается в том, что каждый раз, когда вы сохраняете файл, изменения вносятся прямо у вас на глазах (перезагрузка не требуется). "Источник"
3: Git Lens
Git lens, git со сверхспособностями. Это расширение лучше всего подходит для git и GitHub. Знайте, кто внесла каждую строку, легко перемещайтесь и исследуйте репозитории git, выполняйте эффективные сравнения и многое другое. Это необходимо, если вы работаете с git и GitHub. "Источник"
2: Автоматическое переименование тега
Тег автоматического переименования - это расширение, которое изменяет оба тега при изменении одного (пример выше). Еще раз, мне нравится это расширение из-за его поддержки JSX. Это расширение заметно повысит вашу продуктивность. "Источник"
1: Красивее
Вот. Мое любимое расширение VSCode для веб-разработки. Prettier - это спасатель, когда дело касается форматирования и повышения производительности. Prettier форматирует ваши файлы при сохранении после того, как вы настроите его в своих настройках. Вместо того, чтобы тратить часы в день на то, чтобы ваш код выглядел чистым, используйте Prettier. Это расширение, безусловно, является самым популярным в списке: на момент написания этой статьи его скачали более 8 750 000 раз. Вот почему Prettier - мое любимое расширение VSCode для веб-разработки. "Источник"
Закрытие
Надеюсь, у вас есть для загрузки несколько новых расширений VSCode! Сообщите мне, если я что-то пропустил в комментариях.
