stickies

apprentissage-vue

Ce modèle devrait vous aider à commencer à vous développer avec Vue 3 à Vite.

Configuration IDE recommandée

VSCODE + 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.

Personnaliser la configuration

Voir la référence de configuration VITE.

Configuration du projet

npm install

Compiler et recharger à chaud pour le développement

npm run dev

Type-Vérifier, compiler et minifaire pour la production

npm run build

Exécutez des tests unitaires avec Virest

npm run test:unit

Peluche avec Eslint

npm run lint