tinylibs.github.io

Vue 3 + TypeScript + Vite

Этот шаблон должен помочь вам начать развиваться с VUE 3 и TypeScript в VITE. Шаблон использует Vue 3 <script setup> SFCS, ознакомьтесь с документами «Настройка скрипта», чтобы узнать больше.

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

• VS Code + Volar (и отключить ветер) + TypeScript Vue Plagin (Volar).

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

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

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

1. Отключить встроенное расширение типовой
   1. Extensions: Show Built-in Extensions из командной палитры VSCODE
   2. Найдите TypeScript and JavaScript Language Features , щелкните правой кнопкой мыши и выберите Disable (Workspace)
2. Перезагрузите окно VSCODE, запустив Developer: Reload Window из командной палитры.