Лучшие плагины для Visual Studio Code

24.01.201910:4324.01.2019 10:43:49

В этой статье мы рассмотрим лучшие для верстки в Visual Studio Code[spoiler]

Settings Sync
Microsoft.VisualStudio.Services.Icons[1].png

Settings Sync - итак, начнем с плагина синхронизации, этот плагин позволяет синхронизировать Visual Studio Code между несколькими компьютерами, например домашний компьютер и рабочий ноутбук.
Синхронизируются: настройки, клавиатурные сочетания, открытые файлы, установленные плагины и настройки плагинов, работает синхронизация через GitHubGit.

Auto Close Tag

Auto Close Tag - как видно из названия этот плагин автозакрытия тегов.

Auto Rename Tag

Auto Rename Tag - тоже тэг с говорящим названием, переименовывает парные теги.

usage (1).gif

Bookmarks

Bookmarks - добавляет закладки в ваш код для быстрого перехода.

Bracket Pair Colorizer

Bracket Pair Colorizer - подсвечивает парные скобки, поможет определить все ли скобки закрыты если их много.

change-case

change-case - позволяет менять кейсы именования переменных, camelCase, snake_case, kebab-case, PascalCase

Color Info

Color Info - детальная информация о цвете в css

Import Cost

Import Cost - указывает размер импортируемых модулей.

Indenticator

Indenticator - визуализация отступов, очень удобно при программировании на Python и для SASS.

IntelliSense for CSS class names in HTML

IntelliSense for CSS class names in HTML - подсказки по классам CSS, незаменимый плагин для верстальщика.

Live Server

Live Server - сервер динамической перезагрузки страницы при изменении.

Path Intellisense

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

Project Manager

Project Manager - менеджер проектов для Visual Studio Code

REST Client

REST Client - Rest клиент для VS Code

usage (2).gif

Spell Right

Spell Right - плагин для проверки орфографии, в том числе поддерживает русский язык.

TODO Highlight

TODO Highlight - важные комментарии выделяем цветом, чтобы не забыть доделать, переделать часть кода, пишем "// TODO: Переделать эту часть"

vscode-icons

vscode-icons - новые иконки, автоматически назначаются иконки на папки с учетом содержимого.

WakaTime

WakaTime - плагин менеджера времени WakaTime очень познавательно посмотреть статистику затраченного времени на проект, а также в разрезе файлов, языков программирования.