tinylibs.github.io

Vue 3 + TypeScript + vite

Diese Vorlage sollte dazu beitragen, dass Sie sich mit Vue 3 und TypeScript in Vite entwickeln. Die Vorlage verwendet Vue 3 <script setup> SFCs. Schauen Sie sich die Skript -Setup -Dokumente an, um mehr zu erfahren.

Empfohlener IDE -Setup

• VS Code + Volar (und Vetur deaktivieren) + TypeScript Vue Plugin (Volar).

Geben Sie Unterstützung für .vue -Importe in TS ein

TypeScript kann die Typinformationen für .vue Importe standardmäßig nicht verarbeiten, sodass wir den tsc CLI durch vue-tsc für die Typüberprüfung ersetzen. Bei den Herausgebern benötigen wir das Typscript Vue -Plugin (VOLAR), um den TypeScript Language -Service für .vue -Typen aufmerksam zu machen.

Wenn sich das eigenständige TypeScript -Plugin für Sie nicht schnell genug anfühlt, hat Volar auch einen Perse -Modus implementiert, der leistungsfähiger ist. Sie können es durch die folgenden Schritte aktivieren:

1. Deaktivieren Sie die integrierte Typscript-Erweiterung
   1. Run- Extensions: Show Built-in Extensions aus der Befehlspalette von VSCODE
   2. Finden Sie TypeScript and JavaScript Language Features , klicken Sie mit der rechten Maustaste und wählen Sie Disable (Workspace)
2. Laden Sie das VSCODE -Fenster neu, indem Sie Developer: Reload Window aus der Befehlspalette.