Полезные плагины для VS Code

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

В этом статье вы узнаете полезные плагины для VS Code

В VS Code есть много интересных полезных плагинов, которые нужны для работы и используются для разных задач, которых я использую. Надеюсь в этом списке найдете то что нужно:)

1. Auto Close Tag

Автоматически добавляет закрывающий тег HTML / XML

2. Auto Rename Tag

Автоматически переименовывает парные теги HTML / XML

3. Beautify

Облегчает чтение JS, Sass, JSON, Html, Css и применяет нужные отступы в вашей ужасной разметке. Форматирует код при комбинации клавиш Shift + Alt + F (Windows)

4. Bracket Pair Colorizer

Этот плагин позволяет идентифицировать скобки по цветам.

5. Color Highlight

Этот плагин позволяет подсвечивать код цвета

6. Live Server

Этот плагин предназначен для создания локального сервера, используются для статических и динамических страниц. После установки плагина на панели задач появится кнопка Go Live или на странице index.html при нажатии правой кнопки выпадает меню и будет написано Open with Live Server , которая позволяет запускать сервер. После нажатия этой кнопки откроется страница в браузере. После изменения кода он автоматически обновляет страницу, и не нужно вручную обновлять страницу.

7. Path Intellisense

Плагин автодополнения пути файла.

8. Sass

Подсветка синтаксиса с отступом Sass, автозаполнение и форматирование для VSCode

9. Material Icon Theme

Заменяет стандартные иконки в VS Code

10. Material Theme

Тема для VS Code, редактор выглядит гладко и приятно

Это все плагины, которые я использую в своем редакторе для статических и динамических страниц. Остальные задачи таких как оптимизация изображений, автопрефиксы css и так далее, все находится в инструменте Gulp 4 (автоматизация задач).