tinylibs.github.io

Vue 3 + TypeScript + Vite

Ce modèle devrait vous aider à commencer à développer avec Vue 3 et TypeScript dans Vite. Le modèle utilise Vue 3 <script setup> SFCS, consultez les documents de configuration du script pour en savoir plus.

Configuration IDE recommandée

• VS Code + Volar (et désactiver Vetur) + TypeScript Vue Plugin (Volar).

Tapez la prise en charge des importations .vue dans TS

TypeScript ne peut pas gérer les informations de type pour les importations .vue par défaut, nous remplacons donc le tsc CLI par vue-tsc pour la vérification de type. Dans les éditeurs, nous avons besoin de TypeScript Vue Plugin (Volar) pour informer le service de langue TypeScript des types .vue .

Si le plugin TypeScript autonome ne vous semble pas assez rapide, Volar a également implémenté un mode de prise de vue plus performant. Vous pouvez l'activer par les étapes suivantes:

1. Désactiver l'extension de type intégrée
   1. Extensions: Show Built-in Extensions de la palette de commandes de VScode
   2. Trouver TypeScript and JavaScript Language Features , cliquez avec le bouton droit et sélectionnez Disable (Workspace)
2. Recharger la fenêtre VScode en exécutant Developer: Reload Window de la palette de commande.