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:

../../_images/vue-start.png