stickies

Lernberuf

Diese Vorlage sollte dazu beitragen, sich mit Vue 3 in Vite zu entwickeln.

Empfohlener IDE -Setup

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

Konfiguration anpassen

Siehe VITE -Konfigurationsreferenz.

Projekt -Setup

npm install

Kompilieren und heiß-reload für die Entwicklung kompilieren

npm run dev

Typ-Check, kompilieren und minifieren Sie die Produktion

npm run build

Führen Sie Unit -Tests mit Vitest aus

npm run test:unit

Lint mit Eslint

npm run lint