Nikovit <Путешествия и разработка>

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

2019-01-24.png

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

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


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

usage.gif

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

usage (1).gif


Bookmarks

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

Bracket Pair Colorizer
color.png

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

example.png


change-case
change.png

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

3c5e29b6-7a9c-11e5-9ce4-7eb944889696.gif

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

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

import-cost.gif


Indenticator
Indenticator.png

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

demo.gif


IntelliSense for CSS class names in HTML
IntelliSense.png

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

5crMfTj.gif

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

vscode-live-server-animated-demo.gif

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

iaHeUiDeTUZuo.gif


Project Manager

project.png

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



REST Client

rest.png

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

usage (2).gif

Spell Right

spell.png

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

screenshot-documents.png



TODO Highlight
todo.png

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

material-night.png
 vscode-icons
icons.png

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

screenshot.gif

WakaTime
waka.png

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

Screen-Shot-2016-03-21.png

P.S. если вы знаете и используете плагины которые вам нравятся напишите о них в комментариях, я обязательно добавлю их в статью.