Projekt initialisieren

Vite (Ausgesprochen als /vit/, französisch für «schnell») ist ein Buildtool für JavaScript Projekte.

Vite ermöglicht dir, mit wenigen Befehlen ein Vue Projekt lokal zu generieren.

Projekt erstellen

• Erstelle an einem beliebigen Ort einen modul-294 Ordner für diesen ÜK. Öffne diesen Ordner im Datei Explorer.

• Öffne ein Terminal über Rechtsklick -> In Terminal öffnen (oder klicke in die Adresszeile und tippe "cmd" und drücke anschliessend Enter)

• Überprüfe mit dem pwd Befehl, ob du dich im richtigen Verzeichnis befindest

Du kannst nun mit folgendem Befehl ein neues Vite Projekt erstellen:

npm create vite

Anschliessend werden dir einige Fragen gestellt, die du wie folgt beantworten kannst:

Need to install the following packages:
  [email protected]
Ok to proceed? (y)

Drücke hier y um die Installation zu bestätigen.

Project name: 

Benenne das Projekt playground.

Select a framework:

Wähle Vue aus (mit den Pfeiltasten + Enter).

Select a variant

Wähle JavaScript aus.

Anschliessend kannst du in den erstellten Projektordner playground wechseln und mit npm install alle benötigten Abhängigkeiten installieren.

cd playground
npm install

Du kannst den Projektordner mit dem Befehl code . (der Punkt ist relevant!) direkt in Visual Studio Code öffnen.

Führe abschliessend npm run dev aus, um den lokalen Entwicklungsserver zu starten.

npm run dev

Wenn Du in deinem Webbrowser nun http://localhost:5173 aufrufst, wird dir die Vite + Vue Beispielseite angezeigt.