Я уверен, что не должен говорить вам, что VS Code - лучший редактор кода в игре. Его легкий, простой в использовании и чрезвычайно настраиваемый с помощью расширений. Но с таким количеством расширений на рынке может быть трудно понять, какие из них вам следует использовать.
В этой статье мы рассмотрим 6 лучших из них, которые мы используем ежедневно. Этот список будет посвящен не одному языку программирования, а глобальным расширениям. Мы используем гораздо больше расширений, но если бы нам пришлось выполнить чистую установку VS Code, они были бы добавлены первыми.
Тема значка материала
Я знаю, о чем вы думаете, это скорее предпочтение темы, чем расширение кодирования. И, хотя вы правы, наличие хорошего пакета значков может значительно упростить поиск нужного файла. Вдобавок это делает структуру вашего проекта немного красивее 😎.
Вы можете найти это расширение здесь: Тема значка материала
Ночная Сова
О, боже, еще одно расширение предпочтений темы, сказали все. Хорошо, просто оставайся здесь. Вы когда-нибудь проходили долгий день программирования, и ваши глаза горят? Что ж, эта тема может помочь снизить нагрузку на ваши глаза, что позволит вам писать код в течение длительного времени. Мы пользуемся этой темой несколько месяцев, и она нам очень нравится ❤️.
Вы можете найти это расширение здесь: Night Owl
Брекет-пара Colorizer 2
А теперь перейдем к хорошему. С любым языком программирования, который в значительной степени полагается на скобки (JavaScript, кашель, кашель 😬), вам понадобится помощь в отслеживании скобок, особенно при изменении кода. Этот цвет расширения кодирует скобки, чтобы не потерять рассудок.
Вы можете найти это расширение здесь: Bracket Pair Colorizer 2
Живой сервер
Для многих проектов, которые мы делаем для клиентов, мы просто пишем файлы HTML и vanilla js. Нет пакетов npm или предварительно настроенных сборщиков веб-пакетов. Вот тогда мы получим от этого расширения максимальную отдачу. Все, что вам нужно сделать, это добавить его, щелкнуть правой кнопкой мыши файл в проводнике и выбрать «Открыть с помощью Live Server». Он позаботится о создании для вас веб-сервера с горячей перезагрузкой 🔥.
Вы можете найти это расширение здесь: Live Server
Отладчик для Chrome
Инструменты разработчика Chrome - лучший друг разработчика JavaScript, но это может быть очень утомительно. Звучит знакомо: добавьте отладчик в VS Code, запустите Chrome, перезагрузите окно, забудьте, что вы добавили 10 других операторов отладчика, вернитесь к VS Code, удалите отладчики и т. Д. 😿
Что ж, с Debugger для Chrome вы просто запускаете свой сервер разработки, указываете свой файл launch.json на указанный порт, и вы можете отлаживать прямо в VS Code. Устанавливайте точки останова, часы и многое другое из одного редактора кода. Одно предостережение заключается в том, что он плохо работает с некоторыми связанными файлами веб-пакетов.
Вы можете найти это расширение здесь: Отладчик для Chrome
Проверка орфографии кода
Если вы похожи на нас, то вы не чемпион по правописанию. Я вырос в эпоху проверки орфографии и автокоррекции. Черт, я сейчас использую расширение Grammarly Chrome. В любом случае, клиентам очень не нравится, когда мы запускаем их сайт и на нем есть орфографические ошибки.
Именно здесь на помощь приходит Средство проверки орфографии кода. Оно находит орфографические ошибки не только в вашем основном тексте, но и в вашем коде. Таким образом, вы не будете выглядеть неграмотным ребенком для своих клиентов или коллег.
Вы можете найти это расширение здесь: Code Spell Checker
Заключение
Теперь вы знаете, какие расширения мы используем регулярно. Но мы всегда ищем большего. Пожалуйста, оставьте комментарий ниже и расскажите, какие расширения вам нравятся больше всего. Возможно, нам просто придется изменить этот список.
