Данный шаблон должен помочь вам начать разработку с Vue 3 в Vite.

Рекомендуемая настройка IDE

VSCode + Volar (и отключите Vetur) + TypeScript Vue Plugin (Volar).

Поддержка типов для импорта .vue в TS

TypeScript не может обрабатывать информацию о типах для импорта файлов .vue по умолчанию, поэтому мы заменяем CLI tsc на vue-tsc для проверки типов. В редакторах нам нужен TypeScript Vue Plugin (Volar), чтобы языковой сервис TypeScript знал о типах .vue.

Если отдельный плагин TypeScript кажется вам недостаточно быстрым, Volar также реализовал более производительный режим захвата. Вы можете включить его, выполнив следующие действия:

1. Отключите встроенное расширение TypeScript.
   1. Запустите «Расширения: Показать встроенные расширения» из палитры команд VSCode.
   2. Найдите «Функции языка TypeScript и JavaScript», щёлкните правой кнопкой мыши и выберите «Отключить (рабочее пространство)».
2. Перезагрузите окно VSCode, запустив «Разработчик: перезагрузить окно» из командной палитры.

Настройка конфигурации

См. Справочник по конфигурации Vite.

Настройка проекта

yarn

Компиляция и горячая перезагрузка для разработки

yarn dev

Проверка типов, компиляция и минификация для продакшена

yarn build

Линтинг с помощью ESLint

yarn lint

Внимание: отключите TypeScript Vue Plugin плагин при ошибках TS