Расширения могут помочь вам лучше структурировать код и программировать эффективнее и быстрее.
Visual Studio Code — это бесплатный редактор исходного кода от Microsoft, очень популярный среди разработчиков, особенно веб-разработчиков.
Я установил много расширений, но сейчас я хотел бы представить свои 15 лучших.
1. Красивее
Согласованное форматирование кода — сложная задача, но современные инструменты разработки, такие как Prettier, позволяют автоматически обеспечивать согласованность кодовой базы вашей команды.
2. Автозакрытие тега
Устали закрывать теги HTML вручную? Расширение «Auto Close Tag» автоматически закрывает теги, и вы можете сэкономить много времени.
3. Автоматическое переименование тега
Когда вы переименовываете один тег HTML/XML, автоматически переименовывайте парный тег HTML/XML.
4. Интелликод
Расширение IntelliCode для Visual Studio Code предоставляет предложения IntelliSense на основе ИИ. IntelliSense использует ИИ для прогнозирования API, который разработчик, скорее всего, захочет использовать, а не просто представляет список членов в алфавитном порядке. Он использует текущий контекст кода разработчика и шаблоны для предоставления этого динамического списка.
5. ГитЛенс
GitLens расширяет возможности Git Visual Studio Code.
Это мощное расширение, которое позволяет вам увидеть, кто, почему и как строки кода изменились с течением времени.
6. ЭСЛинт
ESLint помогает вам и командам следовать общему стилю кода в вашем проекте.
7. Живой сервер
Это расширение позволяет запускать локальный сервер разработки одним щелчком мыши и наблюдать за изменениями в реальном времени с некоторыми дополнительными функциями.
Обычно, когда вы вносите изменения в свой код или пишете что-то новое, вам нужно обновить страницу вручную, чтобы увидеть изменения. Расширение live-server автоматизирует это за вас.
8. Прямая трансляция
Неважно, какое приложение вы создаете, на каком языке программируете или в какой операционной системе работаете: с помощью Live Share вы можете удобно делиться своим проектом с товарищами по команде, используя свои собственные инструменты. . Вам не нужно клонировать репозиторий или настраивать среду, когда вы хотите чем-то поделиться.
Я использовал его несколько раз и очень им доволен, и мне не известно о каких-либо проблемах с подключением.
9. Закладки
Вы можете установить закладки в разных файлах вашего проекта, а затем увидеть их, если вы нажмете значок «закладка» на боковой панели. Это поможет вам ориентироваться в коде, легко и быстро перемещаясь между важными позициями.
10. Лучшие комментарии
Мне нравится работать с комментариями. С помощью «Лучших комментариев» вы можете указать больше, что должен сказать этот комментарий, если это TODO, вопрос или важная информация.
11. Цветовое выделение
Если вы много работаете с CSS, я могу порекомендовать Color Highlight, чтобы вы всегда видели, какой цвет вы использовали. без необходимости переводить код RGB или HEX.
12. Информация о цвете
В дополнение к Color Highlight, упомянутому выше, Color Info предоставляет быструю информацию о цветах css.
13. Тема материальной иконки
Если вам не нравится тема значков по умолчанию, я рекомендую вам материальную тему значков.
14. Путь Intellisense
Плагин, который автоматически дополняет пути. Например, если вы задаете путь к изображению в HTML, это идеальное расширение, чтобы вы не опечатались.
15. Объектив ошибки
Я большой поклонник этого расширения, так как информация, предупреждения и ошибки сразу же отображаются рядом с самим кодом.
Надеюсь, я смог познакомить кого-то с новыми полезными расширениями. Конечно, их гораздо больше, и многие из них специфичны для разных языков программирования.
Какие ваши любимые расширения для использования?
С уважением
Себастьян
