что вам, вероятно, нужно упростить написание кода

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

Что ж, если вы подняли руку, значит, вы счастливый искатель приключений!

Остальным из нас будет полезна помощь в этом отделе, и поэтому я собираюсь пройтись по некоторым расширениям, которые помогли мне написать синтаксически правильный код.

красивее

Инструмент форматирования кода

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

ESLint

Инструмент Linter для выявления шаблонов в JavaScript и составления отчетов о них.

Основная функция этого расширения заключается в автоматическом форматировании кода для согласования форматирования и синтаксиса. Это может раздражать вас из-за мелочей, но, боже, ваш код будет выглядеть КРАСИВО! 🦄

Раскрашивание пары скобок

Инструмент раскрашивания совпадающих скобок

Если бы мне нужно было выбрать ✨ Святой Грааль ✨ моих расширений, это было бы им. Я потерял счет, сколько времени я потратил впустую, пытаясь найти, где я пропустил скобку или круглую скобку, и это спасало меня так много раз!

Тема значка материала

Значки файлов

Если вы визуальный человек, вы будете благодарны мне за это, это расширение в основном дает вашим файлам в Visual Studio Code значок, соответствующий его формату, и это просто упрощает поиск файлов! 🤓

Компоненты в стиле VS Code

Помощник для написания синтаксиса CSS в стилизованных компонентах

Как бы я ни любил стилизованные компоненты, я не могу игнорировать тот факт, что отсутствие помощи с синтаксисом CSS — это своего рода боль, вот где это расширение приходит на помощь, оно просто помогает с синтаксисом CSS внутри стилизованного компонента и делает жизнь стайлинга намного проще 💅