öffentliche Büro Dateien
IT-Beratung & Service S.G.

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen: • spielwiese
ibex:kursinhalte:spielwiese:start

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
(n20p3) intrepid-ibex@intrepid-ibex:~/2bhCode/ibex-spielwiese$ npm run dev
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 <Datei>...", 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 <Datei>...", um die Änderungen zum Commit vorzumerken)
  (benutzen Sie "git restore <Datei>...", 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 <Datei>...", 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 <Datei>...", 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 [<Optionen>] [--] <Pfadspezifikation>...

    -q, --quiet           Zusammenfassung nach erfolgreichem Commit unterdrücken
    -v, --verbose         Unterschiede in Commit-Beschreibungsvorlage anzeigen

Optionen für Commit-Beschreibung
    -F, --file <Datei>    Beschreibung von Datei lesen
    --author <Autor>      Autor eines Commits überschreiben
    --date <Datum>        Datum eines Commits überschreiben
    -m, --message <Beschreibung>
                          Commit-Beschreibung
    -c, --reedit-message <Commit>
                          Beschreibung des angegebenen Commits wiederverwenden und editieren
    -C, --reuse-message <Commit>
                          Beschreibung des angegebenen Commits wiederverwenden
    --fixup [(amend|reword):]Commit
                          eine autosquash-formatierte Beschreibung zum Nachbessern/Umformulieren des angegebenen Commits verwenden
    --squash <Commit>     eine autosquash-formatierte Beschreibung beim »squash« des angegebenen Commits verwenden
    --reset-author        Sie als Autor des Commits setzen (verwendet mit -C/-c/--amend)
    --trailer <Anhang>    benutzerdefinierte Anhänge hinzufügen
    -s, --signoff         eine Signed-off-by Zeile hinzufügen
    -t, --template <Datei>
                          angegebene Vorlagendatei verwenden
    -e, --edit            Bearbeitung des Commits erzwingen
    --cleanup <Modus>     wie Leerzeichen und #Kommentare von der Beschreibung getrennt werden sollen
    --status              Status in die Commit-Beschreibungsvorlage einfügen
    -S, --gpg-sign[=<GPG-Schlüsselkennung>]
                          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[=<Modus>]
                          unversionierte Dateien anzeigen, optionale Modi: all, normal, no. (Standard: all)
    --pathspec-from-file <Datei>
                          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 <Datei>...", 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 <Datei>..." 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 [<Optionen>] [--] <Pfadspezifikation>...

    -q, --quiet           Zusammenfassung nach erfolgreichem Commit unterdrücken
    -v, --verbose         Unterschiede in Commit-Beschreibungsvorlage anzeigen

Optionen für Commit-Beschreibung
    -F, --file <Datei>    Beschreibung von Datei lesen
    --author <Autor>      Autor eines Commits überschreiben
    --date <Datum>        Datum eines Commits überschreiben
    -m, --message <Beschreibung>
                          Commit-Beschreibung
    -c, --reedit-message <Commit>
                          Beschreibung des angegebenen Commits wiederverwenden und editieren
    -C, --reuse-message <Commit>
                          Beschreibung des angegebenen Commits wiederverwenden
    --fixup [(amend|reword):]Commit
                          eine autosquash-formatierte Beschreibung zum Nachbessern/Umformulieren des angegebenen Commits verwenden
    --squash <Commit>     eine autosquash-formatierte Beschreibung beim »squash« des angegebenen Commits verwenden
    --reset-author        Sie als Autor des Commits setzen (verwendet mit -C/-c/--amend)
    --trailer <Anhang>    benutzerdefinierte Anhänge hinzufügen
    -s, --signoff         eine Signed-off-by Zeile hinzufügen
    -t, --template <Datei>
                          angegebene Vorlagendatei verwenden
    -e, --edit            Bearbeitung des Commits erzwingen
    --cleanup <Modus>     wie Leerzeichen und #Kommentare von der Beschreibung getrennt werden sollen
    --status              Status in die Commit-Beschreibungsvorlage einfügen
    -S, --gpg-sign[=<GPG-Schlüsselkennung>]
                          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[=<Modus>]
                          unversionierte Dateien anzeigen, optionale Modi: all, normal, no. (Standard: all)
    --pathspec-from-file <Datei>
                          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 <Datei>...", 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 <Datei>...", 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 <Datei>...", 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
/volume1/web/dokuwiki/data/pages/ibex/kursinhalte/spielwiese/start.txt · Zuletzt geändert: 2025/04/04 15:01 von 47.128.45.160

Seiten-Werkzeuge

Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki