Привет,

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

С тех пор, как я начал изучать программирование, я использую один и тот же редактор Visual Studio Code от Microsoft.
Я использовал его во время обучения на курсе, и он мне так понравился, что я даже не стал проверять другие.

Работает на всех платформах: Windows, Linux, mcOS.
Я не буду здесь писать о его преимуществах или возможностях и даже не буду убеждать вас, что это лучший редактор в мире.

Я хотел бы представить вам лучшие расширения для начала кодирования в VSC для Frondend. В конце я покажу вам, какую тему я использую и набор иконок.

Начиная с расширения я всегда устанавливаю в самом начале.

Текущий сервер

Проще говоря, он запускает наш проект в браузере, вроде ничего особенного, но теперь он работает в Live-версии и каждое изменение можно увидеть без постоянного обновления.

Красивее

Еще одно расширение, которое я устанавливаю сразу после установки VSC. Prettier помогает форматировать код и предоставляет красочные ключевые слова для более читаемого кода.

Фрагменты кода JavaScript

Очень удобное расширение для всех, кто пишет код на JS.
Оно подсказывает и автоматически завершает код для нас, работает с JS, а также с Typescript, React, Vue, HHTML.

Украсить

Последнее расширение, которым я давно пользуюсь, помогает нам быстро отформатировать текст в нужный вид. Работает с JavaScript, JSON, CSS, Sass и HTML.

Поскольку у нас есть базовые расширения для Frontend-разработчика, мы можем немного позаботиться о внешнем виде VSC.

Лично я использую:
Material Theme // Material Theme Darker

После установки мы можем выбрать один из 8 цветов.
Кроме того, я устанавливаю Material Icon Theme, которая дополняет все.

Спасибо за внимание и надеюсь, что помог.