Lotto-Projekt#
Neuinstallation#
Für die App-Entwicklung wird das Gerüst für eine neue App angelegt, ist die aktelle Version nicht verfügbar, wird nach dem Download gefragt.
npm init vue@latest
Need to install the following packages:
create-vue@latest
Ok to proceed? (y)
Weitere Dialoge und Meldungen#
Vue.js - The Progressive JavaScript Framework
✔ Project name: … vue-project
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit Testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
Scaffolding project in /home/sphinx/javascript/vue-project...
Done. Now run:
cd vue-project
npm install
npm run dev
npm notice
npm notice New minor version of npm available! 8.5.3 -> 8.11.0
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.11.0
npm notice Run npm install -g npm@8.11.0 to update!
npm notice
npm install -g npm@8.11.0
removed 16 packages, changed 76 packages, and audited 202 packages in 3s
11 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
Lotto-Projekt anlegen#
Wie oben gezeigt, diesmal mit einen Namen für das Projekt »Lotto«.
Lotto-Projekt übersetzen, Server starten#
npm init vue@latest lotto
// ähnliche Fragen, wie im obigen Beispiel
Done. Now run:
cd lotto
npm install
npm run dev
// Ausgaben und start des Servers
> lotto@0.0.0 dev
> vite
vite v2.9.9 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 353ms.
Aufruf im Browser:#
http://localhost:3000
Zu sehen ist dann das folgende Bild: