VSCode
9 расширений VSCode, которые вы не можете игнорировать как разработчик
Они помогут вам организовать рабочий процесс, особенно если вы только начинаете!
Авраам Линкольн сказал: «Дайте мне шесть часов, чтобы срубить дерево, и я потрачу первые четыре часа на то, чтобы наточить топор». Тот же принцип применим к VSCode и всем его расширениям.
Прежде чем приступить к написанию кода, вам сначала нужно заставить рабочий процесс работать на вас. Сделайте его более продуктивным, красивым и просто более настраиваемым. Это сэкономит вам много времени и усилий, так что у вас будет больше возможностей для написания кода.
Неважно, являетесь ли вы фронтенд- или бэкенд-разработчиком или старшим программистом на Java. Эта статья по-прежнему будет полезна для большинства из вас. Особенно для тех, кто ищет новые способы улучшить нашу обычную IDE.
1. КодТур
Представьте, что вы можете исследовать сложный код, как если бы вы были на экскурсии по музею. Это именно то, что предлагает CodeTour. Это инновационное расширение позволяет записывать и воспроизводить экскурсии по вашим кодовым базам. Это похоже на то, как если бы у вас был личный гид, который проведет вас через джунгли кодов.
CodeTour — это не только замечательный инструмент для начинающих, пытающихся понять структуру новой кодовой базы, но и удобное напоминание для вашего будущего кодирования!
2. Второй пилот GitHub
Познакомьтесь с GitHub Copilot, вашим новым помощником в программировании. Этот инструмент на основе искусственного интеллекта предлагает вам предложения для целых строк или блоков кода по мере ввода. Что делает его особенным, так это его способность учиться на коде, над которым вы работаете, и соответствующим образом адаптировать свои рекомендации.
Это как репетитор по программированию с возможностями ИИ. GitHub Copilot помогает выявлять ошибки, улучшает процесс написания кода и учится в процессе. Для тех, кто только начинает свой путь программирования, этот инструмент предлагает ценную поддержку и рекомендации.
3. Журнал Турбоконсоли
Отладка может показаться разгадкой тайны. Журнал Turbo Console — ваш верный помощник в этой миссии. Это расширение упрощает процесс создания информативных операторов console.log(), делая их простым щелчком мыши.
Используя Turbo Console Log, вы можете быстро зарегистрировать любую переменную, объект или функцию. Это ускоряет отладку и делает ее менее сложной для начинающих кодеров. Попрощайтесь с трудоемким процессом ввода каждого оператора журнала. Журнал Turbo Console поддерживает вас.
4. Живой обмен
Совместная работа имеет ключевое значение, когда вы начинаете свой путь кодирования, и Live Share выводит совместное кодирование на совершенно новый уровень. Это расширение обеспечивает двустороннюю совместную работу над вашим кодом в режиме реального времени. Это как Google Docs, но для кодирования.
Вы можете поделиться своей средой VSCode с другими, позволяя им редактировать и отлаживать вместе с вами. Это может быть бесценным инструментом для обучения у других, парного программирования или даже для получения помощи, когда вы застряли. Это общий опыт написания кода прямо в вашем редакторе.
5. Дерево задач
Отслеживание нескольких комментариев TODO может показаться утомительным, когда вы только начинаете. Войдите в Todo Tree, ваш личный органайзер в VSCode. Это расширение позволяет просматривать с высоты птичьего полета все комментарии TODO в вашей рабочей области, предлагая всестороннее представление о том, что требует вашего внимания.
Todo Tree — это больше, чем просто инструмент для запоминания задач; речь идет об эффективном управлении рабочим процессом. Предоставляя четкое представление обо всех незавершенных задачах, Todo Tree помогает вам оставаться организованным, гарантируя, что вы никогда не будете застигнуты врасплох.
6. Остальный клиент
Переключение между VSCode и таким инструментом, как Postman, может нарушить ваш рабочий процесс. Но что, если бы вы могли делать HTTP-запросы прямо из своего редактора? Вот где вступает в дело Rest Client. С помощью этого расширения вы можете отправлять HTTP-запросы и просматривать ответы, даже не покидая VSCode.
Rest Client не только упрощает ваш процесс, но и позволяет вам сосредоточиться на текущей задаче. Устраняя необходимость переключения между приложениями, Rest Client делает вашу среду VSCode вашим центром управления.
7. CSS Peek
Навигация между файлами HTML и CSS может сбить с толку новичков. CSS Peek приходит на помощь, позволяя вам просматривать идентификаторы CSS и определения классов прямо из вашего HTML-файла. Это похоже на увеличительное стекло, которое может заглянуть сквозь ваш HTML в ваш CSS.
Устраняя необходимость переходить между файлами, CSS Peek позволяет вам оставаться в зоне. Для новичка такая бесшовная интеграция может изменить правила игры.
8. Стоимость импорта
Вы когда-нибудь интересовались размером пакетов, которые вы импортируете? Стоимость импорта поможет вам избавиться от догадок. Это расширение отображает размер импортированного пакета вместе с оператором импорта.
Помнить о размере библиотек, которые вы добавляете, крайне важно для поддержания производительности вашего приложения. Стоимость импорта — отличный инструмент для того, чтобы начать развивать эту осведомленность с самого начала.
9. Гром-клиент
Thunder Client — ваш инструмент для тестирования API. Легкое, интуитивно понятное расширение, встроенное прямо в VSCode, Thunder Client — фантастическая альтернатива таким инструментам, как Postman. Он поддерживает все методы HTTP, автоматическое форматирование JSON и XML и многое другое.
Thunder Client делает тестирование API максимально простым и эффективным. Это обязательный инструмент для всех, кто только начинает свой путь в программировании.
Заключение
Это были девять лучших расширений для VSCode, которые я смог найти и опробовать самостоятельно. Некоторые из них обладают выдающимися функциями, которые помогут вам кодировать намного быстрее. Не забывайте о GitHub Copilot; это буквально ИИ внутри вашей IDE.
Кстати, мне не свойственно писать о программировании и VSCode. Я просто хотел вспомнить старые добрые времена и поделиться полезной информацией!
Спасибо за прочтение, если вы хотите видеть больше таких, то не забывайте про аплодисменты и оставляйте комментарии :)
Дополнительные материалы на PlainEnglish.io.
Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .
