erste Versuch wurde Projektname als Ordner angelegt diesen Teil löschen und aktuelle Verzeichnis angegeben!
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode$ cd ibex-spielwiese/
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
index.html main.js package.json package-lock.json public README.md src style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch Referenzcode
Ihr Branch ist auf demselben Stand wie 'origin/Referenzcode'.
nichts zu committen, Arbeitsverzeichnis unverändert
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git checkout
FETCH_HEAD main origin/HEAD origin/Referenzcode
HEAD ORIG_HEAD origin/main Referenzcode
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git checkout main
Zu Zweig »main« gewechselt
Ihr Branch ist auf demselben Stand wie 'origin/main'.
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
nichts zu committen, Arbeitsverzeichnis unverändert
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
favicon.png index.html LICENSE main.js README.md style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ cat README.md
# ibex-spielwiese
Quellcode zum gemeinschaftlichen programmieren von Kursinhalten.
[Notizen dazu](http://wiki.itbs.selfhost.co/doku.php?id=ibex:kursinhalte:spielwiese:start)
# General Infos
Wenn ihr das Projekt Video nicht abspielen könnt, installiert
den VLC Player über den Ubuntu Store und löschen die Standard
"Video"-App, dann werden alle Videos immer mit dem VLC Player
geöffnet
### Generelles Vorgehen
1. Starte immer mit dem HTML & CSS und versuche gedanklich
dein HTML so zu strukturieren, dass du schon weißt, welche
Elemente du später mit JavaScript manipulieren willst.
2. Mach deine App / Website responsiv, sodass sie auf allen
Geräten funktioniert und gut aussieht.
3. Implementiere JavaScript und beginne mit den Dingen, die
du am einfachsten findest. So hast du schnelle Erfolgserlebnisse.
4. Kopiere niemals Code von ChatGPT o.Ä. wenn du nicht 100%
sicher bist, dasss du den generierten Code verstanden hast.
## TO-DO
- [x] Erstelle ein GitHub Repo
- [x] Erstelle einen Netlify Account
- [x] Connecte GitHub Repo mit Netlify https://github.com/onlineCodes/ibex-spielwiese https://relaxed-otter-9ccf40.netlify.app
- [ ] Connecte GitHub Repo mit Netlify https://github.com/itbsStefan/solid-netlify
- [1] Nutze Vite für deine App
- [*] Commite deine Entwicklungsschritte
- [x] Deploy deine App auf Netlify Referenzcode
- [ ] Deploy deine App auf Netlify main Branch
- [ ] Commite deine Entwicklungsschritte benutze git commit -m "funktioniert ;-)"
- [ ] Erstelle das Webdesign
- [ ] Mache das Webdesign responsiv
- [ ] Implementiere die JavaScript Funktionalität
- [ ] Nutze JS Modules
- [ ] Implementiere den Color-Mode Switcher (Html-Tag Data Attribute)
- [ ] Implementiere einen Loading Spinner Indicator
- [ ] Verbinde Such- & Filter-Funktion
- [ ] Implementiere eine "Load More" & "Load Less" Funktion
- [ ] Implementiere eine Country-Detail Seite
- [ ] Lagere deine Funktionen aus (z.B. Objects)
- [ ] Lagere ein Object oder Functions aus
- [ ] BONUS: Implementiere eine Zeitzonen Live-Uhr
## Server Infos
+ Vite App Command: "npm create vite@latest"
+ Vite App Server Start: "npm run dev"
+ Vite App Build erstellen: "npm run build"
## Styling Infos
+ Nutze die Vite mitgelieferte style.css in erster Interation
+ Nutze Grid für die Country-Items
+ Ihr müsst nicht pixel-perfect arbeiten, aber folgendes berücksichtigen:
+ Scrollbar Selectoren: ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track
+ scrollbar-thumb border-radius: 10px;
+ scrollbar-track background-color: #242424
+ document background-color: #242424;
+ document font-color: rgba(255, 255, 255, 0.87);
+ input & select font-color: rgb(169, 167, 167);
+ input & select border-radius: 10px;
+ input padding-inline: 2rem;
+ country-item background-color: #213547;
+ grid-template-columns für Desktop: 5
## Nützliche Links
+ https://cssloaders.github.io/
+ https://developers.google.com/maps/documentation/javascript?hl=de
+ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl?retiredLocale=de
+ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC
+ https://restcountries.com/
+ https://www.w3schools.com/howto/howto_css_switch.asp
+ https://de.vitejs.dev/
+ https://www.netlify.com/
+ https://icon-sets.iconify.design/clarity/search-line/(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ node -v
v20.9.0
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm -v
10.3.0
// Lastly, if you want to expose the instance on a one-off basis,
// you can use the --host option with the npm run dev command like so.
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run dev -- --host
npm ERR! Missing script: "dev"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in: /home/intrepid-ibex/.npm/_logs/2024-01-19T18_26_01_806Z-debug-0.log
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
favicon.png index.html LICENSE main.js README.md style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm create vite@latest
Need to install the following packages:
create-vite@5.1.0
Ok to proceed? (y)
✔ Project name: … ibex-spielwiese
✔ Select a framework: › Vue
✔ Select a variant: › JavaScript
Scaffolding project in /home/intrepid-ibex/2bhCode/ibex-spielwiese/ibex-spielwiese...
Done. Now run:
cd ibex-spielwiese
npm install
npm run dev
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
favicon.png ibex-spielwiese index.html LICENSE main.js README.md style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls i
ibex-spielwiese/ index.html
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls ibex-spielwiese/
index.html package.json public README.md src vite.config.js
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
ibex-spielwiese/
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
favicon.png ibex-spielwiese index.html LICENSE main.js README.md style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm create vite@latest .
✔ Current directory is not empty. Please choose how to proceed: › Ignore files and continue
✔ Select a framework: › Vanilla
✔ Select a variant: › JavaScript
Scaffolding project in /home/intrepid-ibex/2bhCode/ibex-spielwiese...
Done. Now run:
npm install
npm run dev
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls -la
insgesamt 60
drwxrwxr-x 4 intrepid-ibex intrepid-ibex 4096 Jan 19 19:40 .
drwxrwxr-x 18 intrepid-ibex intrepid-ibex 4096 Jan 19 18:07 ..
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 247 Jan 19 19:40 counter.js
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1568 Jan 19 19:24 favicon.png
drwxrwxr-x 8 intrepid-ibex intrepid-ibex 4096 Jan 19 19:36 .git
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 253 Jan 19 19:40 .gitignore
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 351 Jan 19 19:40 index.html
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 995 Jan 19 19:40 javascript.svg
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 7048 Jan 19 19:24 LICENSE
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 748 Jan 19 19:40 main.js
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 238 Jan 19 19:40 package.json
drwxrwxr-x 2 intrepid-ibex intrepid-ibex 4096 Jan 19 19:40 public
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 3377 Jan 19 19:24 README.md
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1530 Jan 19 19:40 style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls public/
vite.svg
git commit -a -m "npm create vite@latest .
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls public/
vite.svg
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
Änderungen, die nicht zum Commit vorgemerkt sind:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
(benutzen Sie "git restore ...", um die Änderungen im Arbeitsverzeichnis zu verwerfen)
geändert: .gitignore
geändert: index.html
geändert: main.js
geändert: style.css
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
counter.js
javascript.svg
package.json
public/
keine Änderungen zum Commit vorgemerkt (benutzen Sie "git add" und/oder "git commit -a")
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git commit -a -m "npm create vite@latest . Ausgeführt"
[main 759215f] npm create vite@latest . Ausgeführt
4 files changed, 157 insertions(+), 144 deletions(-)
rewrite .gitignore (95%)
rewrite index.html (100%)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist 1 Commit vor 'origin/main'.
(benutzen Sie "git push", um lokale Commits zu publizieren)
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
counter.js
javascript.svg
package.json
public/
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git commit -A -m "npm create vite@latest . Ausgeführt"
error: Unbekannter Schalter `A'
Verwendung: git commit [] [--] ...
-q, --quiet Zusammenfassung nach erfolgreichem Commit unterdrücken
-v, --verbose Unterschiede in Commit-Beschreibungsvorlage anzeigen
Optionen für Commit-Beschreibung
-F, --file Beschreibung von Datei lesen
--author Autor eines Commits überschreiben
--date Datum eines Commits überschreiben
-m, --message
Commit-Beschreibung
-c, --reedit-message
Beschreibung des angegebenen Commits wiederverwenden und editieren
-C, --reuse-message
Beschreibung des angegebenen Commits wiederverwenden
--fixup [(amend|reword):]Commit
eine autosquash-formatierte Beschreibung zum Nachbessern/Umformulieren des angegebenen Commits verwenden
--squash eine autosquash-formatierte Beschreibung beim »squash« des angegebenen Commits verwenden
--reset-author Sie als Autor des Commits setzen (verwendet mit -C/-c/--amend)
--trailer benutzerdefinierte Anhänge hinzufügen
-s, --signoff eine Signed-off-by Zeile hinzufügen
-t, --template
angegebene Vorlagendatei verwenden
-e, --edit Bearbeitung des Commits erzwingen
--cleanup wie Leerzeichen und #Kommentare von der Beschreibung getrennt werden sollen
--status Status in die Commit-Beschreibungsvorlage einfügen
-S, --gpg-sign[=]
Commit mit GPG signieren
Optionen für Commit-Inhalt
-a, --all alle geänderten Dateien committen
-i, --include die angegebenen Dateien zusätzlich zum Commit vormerken
--interactive interaktives Hinzufügen von Dateien
-p, --patch interaktives Hinzufügen von Änderungen
-o, --only nur die angegebenen Dateien committen
-n, --no-verify Hooks pre-commit und commit-msg umgehen
--dry-run anzeigen, was committet werden würde
--short Status im Kurzformat anzeigen
--branch Branchinformationen anzeigen
--ahead-behind voraus/hinterher-Werte berechnen
--porcelain maschinenlesbare Ausgabe
--long Status im Langformat anzeigen (Standard)
-z, --null Einträge mit NUL-Zeichen abschließen
--amend vorherigen Commit ändern
--no-post-rewrite "post-rewrite hook" umgehen
-u, --untracked-files[=]
unversionierte Dateien anzeigen, optionale Modi: all, normal, no. (Standard: all)
--pathspec-from-file
Pfadspezifikation aus einer Datei lesen
--pathspec-file-nul Mit der Option --pathspec-from-file sind Pfade durch NUL-Zeichen getrennt
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist 1 Commit vor 'origin/main'.
(benutzen Sie "git push", um lokale Commits zu publizieren)
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
counter.js
javascript.svg
package.json
public/
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git add -A
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist 1 Commit vor 'origin/main'.
(benutzen Sie "git push", um lokale Commits zu publizieren)
Zum Commit vorgemerkte Änderungen:
(benutzen Sie "git restore --staged ..." zum Entfernen aus der Staging-Area)
neue Datei: counter.js
neue Datei: javascript.svg
neue Datei: package.json
neue Datei: public/vite.svg
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git commit -A -m "npm create vite@latest . Ausgeführt"
error: Unbekannter Schalter `A'
Verwendung: git commit [] [--] ...
-q, --quiet Zusammenfassung nach erfolgreichem Commit unterdrücken
-v, --verbose Unterschiede in Commit-Beschreibungsvorlage anzeigen
Optionen für Commit-Beschreibung
-F, --file Beschreibung von Datei lesen
--author Autor eines Commits überschreiben
--date Datum eines Commits überschreiben
-m, --message
Commit-Beschreibung
-c, --reedit-message
Beschreibung des angegebenen Commits wiederverwenden und editieren
-C, --reuse-message
Beschreibung des angegebenen Commits wiederverwenden
--fixup [(amend|reword):]Commit
eine autosquash-formatierte Beschreibung zum Nachbessern/Umformulieren des angegebenen Commits verwenden
--squash eine autosquash-formatierte Beschreibung beim »squash« des angegebenen Commits verwenden
--reset-author Sie als Autor des Commits setzen (verwendet mit -C/-c/--amend)
--trailer benutzerdefinierte Anhänge hinzufügen
-s, --signoff eine Signed-off-by Zeile hinzufügen
-t, --template
angegebene Vorlagendatei verwenden
-e, --edit Bearbeitung des Commits erzwingen
--cleanup wie Leerzeichen und #Kommentare von der Beschreibung getrennt werden sollen
--status Status in die Commit-Beschreibungsvorlage einfügen
-S, --gpg-sign[=]
Commit mit GPG signieren
Optionen für Commit-Inhalt
-a, --all alle geänderten Dateien committen
-i, --include die angegebenen Dateien zusätzlich zum Commit vormerken
--interactive interaktives Hinzufügen von Dateien
-p, --patch interaktives Hinzufügen von Änderungen
-o, --only nur die angegebenen Dateien committen
-n, --no-verify Hooks pre-commit und commit-msg umgehen
--dry-run anzeigen, was committet werden würde
--short Status im Kurzformat anzeigen
--branch Branchinformationen anzeigen
--ahead-behind voraus/hinterher-Werte berechnen
--porcelain maschinenlesbare Ausgabe
--long Status im Langformat anzeigen (Standard)
-z, --null Einträge mit NUL-Zeichen abschließen
--amend vorherigen Commit ändern
--no-post-rewrite "post-rewrite hook" umgehen
-u, --untracked-files[=]
unversionierte Dateien anzeigen, optionale Modi: all, normal, no. (Standard: all)
--pathspec-from-file
Pfadspezifikation aus einer Datei lesen
--pathspec-file-nul Mit der Option --pathspec-from-file sind Pfade durch NUL-Zeichen getrennt
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git commit -m "npm create vite@latest . Ausgeführt"
[main 58324ff] npm create vite@latest . Ausgeführt
4 files changed, 25 insertions(+)
create mode 100644 counter.js
create mode 100644 javascript.svg
create mode 100644 package.json
create mode 100644 public/vite.svg
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist 2 Commits vor 'origin/main'.
(benutzen Sie "git push", um lokale Commits zu publizieren)
nichts zu committen, Arbeitsverzeichnis unverändert
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git push
Username for 'https://github.com': itbsstefan
Password for 'https://itbsstefan@github.com':
Objekte aufzählen: 18, fertig.
Zähle Objekte: 100% (17/17), fertig.
Delta-Kompression verwendet bis zu 4 Threads.
Komprimiere Objekte: 100% (12/12), fertig.
Schreibe Objekte: 100% (13/13), 3.89 KiB | 1.94 MiB/s, fertig.
Gesamt 13 (Delta 1), Wiederverwendet 0 (Delta 0), Pack wiederverwendet 0
remote: Resolving deltas: 100% (1/1), done.
To https://github.com/onlineCodes/ibex-spielwiese.git
b5c5b57..58324ff main -> main
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git branch
Referenzcode
* main
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
nichts zu committen, Arbeitsverzeichnis unverändert
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls -la
insgesamt 64
drwxrwxr-x 4 intrepid-ibex intrepid-ibex 4096 Jan 19 19:47 .
drwxrwxr-x 18 intrepid-ibex intrepid-ibex 4096 Jan 19 18:07 ..
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 247 Jan 19 19:40 counter.js
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1568 Jan 19 19:24 favicon.png
drwxrwxr-x 8 intrepid-ibex intrepid-ibex 4096 Jan 19 19:55 .git
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 253 Jan 19 19:40 .gitignore
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 351 Jan 19 19:40 index.html
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 995 Jan 19 19:40 javascript.svg
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 7048 Jan 19 19:24 LICENSE
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 748 Jan 19 19:40 main.js
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 2855 Jan 19 19:47 npm-debug.log
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 238 Jan 19 19:40 package.json
drwxrwxr-x 2 intrepid-ibex intrepid-ibex 4096 Jan 19 19:40 public
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 3377 Jan 19 19:24 README.md
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1530 Jan 19 19:40 style.css
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$
npm install
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm install
added 11 packages, and audited 12 packages in 5s
3 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls
counter.js index.html LICENSE node_modules package.json public style.css
favicon.png javascript.svg main.js npm-debug.log package-lock.json README.md
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
package-lock.json
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ cat .git
.git/ .gitignore
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ cat .git
.git/ .gitignore
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ cat .gitignore
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
dist
dist-ssr
*.local
# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run dev
> ibex-spielwiese@0.0.0 dev
> vite
VITE v5.0.12 ready in 298 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
h
Shortcuts
press r + enter to restart the server
press u + enter to show server url
press o + enter to open in browser
press c + enter to clear console
press q + enter to quit
u
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
o
c
h
Shortcuts
press r + enter to restart the server
press u + enter to show server url
press o + enter to open in browser
press c + enter to clear console
press q + enter to quit
q
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
package-lock.json
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run build
> ibex-spielwiese@0.0.0 build
> vite build
vite v5.0.12 building for production...
✓ 7 modules transformed.
dist/index.html 0.45 kB │ gzip: 0.29 kB
dist/assets/index-X4m0RMh6.css 1.21 kB │ gzip: 0.63 kB
dist/assets/index-xf4JlvXi.js 2.59 kB │ gzip: 1.38 kB
✓ built in 192ms
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ git status
Auf Branch main
Ihr Branch ist auf demselben Stand wie 'origin/main'.
Unversionierte Dateien:
(benutzen Sie "git add ...", um die Änderungen zum Commit vorzumerken)
package-lock.json
nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien
(benutzen Sie "git add" zum Versionieren)
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ ls -la
insgesamt 96
drwxrwxr-x 6 intrepid-ibex intrepid-ibex 4096 Jan 19 20:11 .
drwxrwxr-x 18 intrepid-ibex intrepid-ibex 4096 Jan 19 18:07 ..
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 247 Jan 19 19:40 counter.js
drwxrwxr-x 3 intrepid-ibex intrepid-ibex 4096 Jan 19 20:11 dist
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1568 Jan 19 19:24 favicon.png
drwxrwxr-x 8 intrepid-ibex intrepid-ibex 4096 Jan 19 20:11 .git
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 253 Jan 19 19:40 .gitignore
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 351 Jan 19 19:40 index.html
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 995 Jan 19 19:40 javascript.svg
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 7048 Jan 19 19:24 LICENSE
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 748 Jan 19 19:40 main.js
drwxrwxr-x 14 intrepid-ibex intrepid-ibex 4096 Jan 19 20:09 node_modules
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 2855 Jan 19 19:47 npm-debug.log
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 238 Jan 19 19:40 package.json
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 23323 Jan 19 20:07 package-lock.json
drwxrwxr-x 2 intrepid-ibex intrepid-ibex 4096 Jan 19 19:40 public
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 3377 Jan 19 19:24 README.md
-rw-rw-r-- 1 intrepid-ibex intrepid-ibex 1530 Jan 19 19:40 style.css
----
noch Mal starten mit falscher Umgebung gibt folgendes aus! nur in Environment (n20p3) läuft nodeV20.9 und Python3.9
conda activate n20p3
conda env list
conda deactivate
(base) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run dev
> ibex-spielwiese@0.0.0 dev /home/intrepid-ibex/2bhCode/ibex-spielwiese
> vite
/home/intrepid-ibex/2bhCode/ibex-spielwiese/node_modules/vite/bin/vite.js:2
import { performance } from 'node:perf_hooks'
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:549:28)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.runMain (module.js:611:10)
at run (bootstrap_node.js:387:7)
at startup (bootstrap_node.js:153:9)
npm ERR! Linux 6.5.0-14-generic
npm ERR! argv "/home/intrepid-ibex/miniconda3/bin/node" "/home/intrepid-ibex/miniconda3/bin/npm" "run" "dev"
npm ERR! node v6.13.1
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! ibex-spielwiese@0.0.0 dev: `vite`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ibex-spielwiese@0.0.0 dev script 'vite'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ibex-spielwiese package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! vite
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ibex-spielwiese
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls ibex-spielwiese
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /home/intrepid-ibex/2bhCode/ibex-spielwiese/npm-debug.log