Разработчики проводят много времени за написанием кода. А VSCode — один из самых популярных редакторов на рынке.
Как по мне, персонализация редактора помогает наслаждаться тем временем, которое проводишь в нем. Я поискал и протестировал самые лучшие расширения для VSCode. Многие из них нацелены на повышение продуктивности разработки.
В этой статье я собрал те расширения, которые связаны с «раскрашиванием» редактора.
Indent Rainbow
Этот инструмент позволяет раскрасить отступы в коде. Каждый уровень отступов приобретает свой цвет.
Вы можете также установить Indent Rainbow Palettes от Evondev и создавать собственные палитры. Установите сперва первое расширение, затем второе, а затем подберите себе новую палитру цветов.
Bracket Pair Colorizer
Расширение для раскрашивания пар скобок. Скобки, образующие пару, окрашиваются в один цвет. Это помогает искать потерянные или лишние скобки.
Bracket Pair Colorizer было популярным расширением (больше 4 миллионов установок). Однако теперь оно устарело. Разработчики VSCode обратили внимание на то, что этот функционал очень затребован, и добавили опцию раскрашивания скобок в сам редактор. Включить ее можно, прописав «editor.bracketPairColorization.enabled»: true в настройках.
Использование настроек редактора — лучший вариант с точки зрения производительности. Но если вы почему-то не хотите их менять, можно воспользоваться другим расширением — Rainbow Brackets.
Colorize
Это расширение визуализирует цветовые переменные, подсвечивая их в соответствии с кодом цвета. Очень удобно для перевода hex-кодов и имен переменных.
Peacock
Peacock позволяет раскрасить окна редактора VSCode. Это отличная функция для управления несколькими рабочими пространствами. Когда у вас их несколько, а выглядят они примерно одинаково, легко забыть, в каком вы находитесь. Но яркие цвета Peacock не дадут вам ошибиться. Подбирать подходящие цвета можно самостоятельно.
VSCode Icons
Добавление значков может помочь при навигации по папкам. VSCode Icons имеет обширную библиотеку иконок для самых разнообразных видов файлов.
Благодаря значкам вы сможете просто увидеть, выбрали вы файл TypeScript или JavaScript.
Это расширение также привносит немного цвета и деталей в структуру папок.
TODO Highlight
TODO Highlight поможет настроить список TODO-комментариев и выделить их цветом. Закомментированный код часто можно просто упустить из виду, но не с этим расширением. Яркий оранжевый цвет вам точно бросится в глаза!
TODO и FIXME создаются ключевыми словами. У вас будет возможность настроить их цвет и добавить дополнительные ключевые слова.
Надеюсь, эти расширения помогут вам раскрасить ваш VSCode во все цвета радуги!
Перевод статьи «Best Colorful VSCode Extensions – How to Personalize Your Editor».
[customscript]techrocks_custom_after_post_html[/customscript]
[customscript]techrocks_custom_script[/customscript]
