Visual Studio Code — самый популярный редактор кода, созданный Microsoft, а javascript, typescript, HTML и CSS — это технологии, используемые для создания этого замечательного продукта. поэтому давайте упомянем некоторые из лучших расширений:
Tailwind CSS IntelliSense расширяет возможности разработки Tailwind, предоставляя пользователям Visual Studio Code расширенные функции, такие как автозаполнение, подсветка синтаксиса и анализ.
Установить923 386+
Функции
Автозаполнение
Интеллектуальные предложения для имен классов, а также функций и директив CSS.
Линтинг
Выделяет ошибки и потенциальные ошибки как в вашем CSS, так и в вашей разметке.
Предварительный просмотр при наведении
См. полный CSS для имени класса Tailwind, наведя на него курсор.
Подсветка синтаксиса CSS
Кроме того, вы можете видеть, что функции Попутный ветер выделены правильно.
Prettier — самоуверенный форматировщик кода. Он обеспечивает согласованный стиль, анализируя ваш код и перепечатывая его с помощью собственных правил, учитывающих максимальную длину строки, при необходимости перенося код.
В формат
просто выберите код и щелкните правой кнопкой мыши или просто щелкните правой кнопкой мыши, затем выберите более красивый формат, и вы увидите, что красивый код делает вас похожим на профессионала, но, конечно, вы профессионал :)
установить 18 448 023 +
3- Фрагмент ES7+ React/Redux/React-Native
Фрагменты React — это то, как вы можете ускорить свой рабочий процесс. Это способы сэкономить ваше время при кодировании.
После установки расширения VS Code (возможно, придется перезапустить VS Code?) вы можете использовать фрагменты, введя ярлык и нажав Tab или Enter.
установить 4 447 249 +
Фрагменты
имр
для импорта реакции, но с реакцией v17 вам это может не понадобиться :)
часто
создавать для каждой итерации
rfc
создать реактивный функциональный компонент
и многое другое
https://github.com/dsznajder/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md
