Всем привет,ЯПередняя лабораториястарший брат！

Интересно, использовал ли кто-нибудь Vue3?

Старший брат использует Vue3 почти полгода.,с самого началаСоставной APIПока стабильнонастроить синтаксический сахар,После полугода реального опыта разработки,Старший брат использует несколько плагинов vscode,Эти плагины могут значительно повысить эффективность и удобство при разработке Vue3.

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

Vue Theme

Vue ThemeЭто плагин темы, который я использую,Цвет темы соответствует Vue.,Элегантный и красивый

volar(Vue Language Features)

Говоря оvueНеобходимо упомянуть плагины.vetur,veturдаVue2Поддерживает очень удобные плагины,используется для.vueОднофайловые компоненты обеспечивают подсветку кода и поддержку синтаксиса.。

Но его поддержка ts,не дружелюбный,ииVue3Это полный набор, который можно использовать от начала до конца.tsновый первый этаж и совершенно новыйcomposition-api,Итак, в это времяvolarадаптироватьсяирожденный。

volarне только поддержка Vue3 Также поддерживаются подсветка языка и обнаружение грамматики. TypeScript и на основе vue-tsc функция проверки типа.

нуждатьсяУведомлениеда：При использованиинуждаться Запрещать Vetur плагин,Volarс этим будет конфликт

Vue VSCode Snippets

Этот плагин предоставляет разработчикам быструю генерацию Vue Метод фрагмента кода, вы можете использовать различные сочетания клавиш для файл .vueсреднебыстрыйрожденныйв различные фрагменты кода。

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

Здесь я перечисляю некоторые из наиболее часто используемых сочетаний клавиш:

• в новом.vueв файле,входить vbase Будет предложено сгенерированное содержимое шаблона:

• входить vfor Будет предложен шаблон цикла for.

Существует множество ярлыков, которые вы можете изучить самостоятельно.

Vue Peek

Проекты компании обычно очень большие.,.vueБудет много файловых компонентов,В настоящее время будет очень сложно найти точный соответствующий файл vue. Нужно продолжать прыгать по каталогам и папкам

и Vue Peek Вставка позволяет нам быстро перейти к файлам, определенным компонентами и модулями.

Auto Close Tag

Auto Close Tagплагин Всегда очень практично,Это когда мы печатаем закрывающую скобку в закрывающем теге.,Он добавит закрывающий тег. Он поддерживает множество языков,Например, HTML,PHP,Vue,JavaScript,Typescript,JSX ждать.

Auto Rename Tag

Auto Rename Tagэто автоматическое переименованиеtagизплагин,Просто измените один из тегов,Другая половина тоже изменится.

наконец

Добро пожаловать в группу обмена читателями для внешних лабораторий. В группе есть много технических мастеров, которые время от времени делятся некоторыми техническими моментами, а некоторые энтузиасты по сбору ресурсов поделятся высококачественными учебными материалами. Вас ждут навыки поедания дынь, рыбалки и бесплатного проституции~

Как вступить в группу: Ответ в фоновом режиме официального аккаунта ниже. 111 , следуйте инструкциям, чтобы присоединиться к группе.