Мои темы и плагины для VS Code на 2019 год

  • четверг, 12 сентября 2019 г. в 05:06:00

Так как спрашивают не в первый раз, сделаю отдельную запись о том, какие темы и плагины я юзаю для VS Code.

Темы

Использую я две темы: Atom One Light и Atom One Dark.

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

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

Плагины

Составлю небольшой топ используемых мной плагинов.

Prettier — так как у меня фобия на кривой код, бороться с этой фобией помогает данное расширение. Идеально форматирует (выровняет) код для множеств языков и разметок. Любой уважающий себя frontend-разработчик должен установить это расширение. (нет у меня фобии, просто ненавижу кривой код)

TabNine — отличное расширение, благодаря которому разработка кода немного ускоряется. В этой записи я описал о его преимуществах.

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

GitLens — если говорить коротко, то это расширение дополняет возможности Git для VS Code. Типа отображает на каждой выделенной строчке автор изменений, можно удобно переключаться по историям изменений конкретного файла, если возникли конфликты в файле, очень удобно выбирать нужное изменение и т.п.

ES7 React/Redux/GraphQL/React-Native snippets — расширение для вставки готовых кусков кода (сниппетов) для JS, ReactJS и исходя из названия ясно для чего ещё. Установив это расширение, можно отдельно создать свои сниппеты, для максимально комфортной разработки.

cdnjs — использую данное расширение, когда мне лень искать JS-файл на какую-то библиотеку и подключать её в HTML-странице. Можно вставлять ссылку на JS-файл, скачать файл в свой проект или же вставить <script> с ссылкой на файл. Очень удобная штука.

Color Picker — самое удобное расширение, при разработке CSS-кода. Часто возникает необходимость подобрать нужный цвет, а искать его в гугле или в стороннем приложении бывает лениво. Навел на нужный цвет, в редакторе появляется окно с палитрой цветов, подбираешь подходящий и код с цветом вставляется автоматически.

Debugger for Chrome — потестил это расширение, штука удобная. Работает не всегда идеально, но в качестве альтернативного дебаггера вполне сойдет.

#vscode#editor#редактор#плагины#темы#themes#plugins