Найти в Дзене
IT helper

Топ 4 плагинов для веб разработчика Visual studio code

Оглавление

Visual studio code - удобный, а что самое главное бесплатный редактор кода. Сам по себе редактор уже оснащен всем, но есть плагины благодаря которым код писать становаится намного проще.

VS code icons

Данный плагин намного упрощает работу. За счет данного плагина все файлы которые вы будете создавать либо же добавоять отобразяться с иконками. Так же плагин не только упрощает, но и делает красивее ваш проект в редакторе.

Prettier

-2

За счет данного плагина ваш код становится верным и красивым. Очени кдобеый и популяреый плагин.

Чтобы плагин начал работать установаите его. Зайдите в настройки откройте их в формате json. В настройках напишите строку "editor.formatOnSave" со значением true. Далее перезапустите программу. Готово, теперь при сохранении файлов они будут у вас форматироваться.

Live server

-3

Этот плагин я считаю прям "must have" в разработке. Данный плагин позволяет локально запустить сервер на котором будут отображаться все изменения вашего сайта.

Чтобы запустить сервер вам нужно

  1. Установать плагин
  2. Зайти в файл который вы хотите запустит
  3. Нажать на показанный значок
-4

4. Далее у вас запустится сервер в вашем браузере(советую использовать chrome)

Auto Close Tag

-5

При помощи этого плагина вы можете забыть про закрывающий тег. Плагин сам добавляет закрываюзий тег. Вас нужно просто начать писать сам тег. Так же тег работает в обратную сторону, тоесть если вы начнете редактировать закрывающий тэг, будет редактироваться первый тег