HTML5-Tutorium: JavaScript: Entwicklungsumgebung: Node.js - Versionsgeschichte

Kowa: /* Node.js */

2025-03-17T12:01:01Z

Node.js

← Nächstältere Version		Version vom 17. März 2025, 12:01 Uhr
Zeile 13:		Zeile 13:

	===Node.js===		===Node.js===
	Installieren Sie nun Node.js: <code>https://nodejs.org/en/</code>, Version 20.x.		Installieren Sie nun Node.js: <code>https://nodejs.org/en/</code>, Version 22.x.

	Starten Sie VSC neu und öffnen Sie ein Terminal, um zu testen, ob <code>node</code> funktioniert:		Starten Sie VSC neu und öffnen Sie ein Terminal, um zu testen, ob <code>node</code> funktioniert:

Kowa: /* Ein Node.js-Test-Projekt ohne Funktionalität */

2024-05-28T16:30:52Z

Ein Node.js-Test-Projekt ohne Funktionalität

← Nächstältere Version		Version vom 28. Mai 2024, 16:30 Uhr
Zeile 185:		Zeile 185:
	npm update		npm update
	// oder allgemeiner		// oder allgemeiner
	npm outdated -p \| cut -d ':' -f 5 \| xargs npm install		npm outdated -p \| cut -d ':' -f 4 \| xargs npm install
	</source>		</source>
	Mit diesem können Sie die lokal gespeicherte Versionen der im Attribut <code>devDependencies</code> aufgeführte Node.js-Pakete		Mit diesem können Sie die lokal gespeicherte Versionen der im Attribut <code>devDependencies</code> aufgeführte Node.js-Pakete

Kowa am 13. Mai 2024 um 11:26 Uhr

2024-05-13T11:26:58Z

← Nächstältere Version		Version vom 13. Mai 2024, 11:26 Uhr
Zeile 184:		Zeile 184:
	<source lang="bash">		<source lang="bash">
	npm update		npm update
			// oder allgemeiner
			npm outdated -p \| cut -d ':' -f 5 \| xargs npm install
	</source>		</source>
	Mit diesem können Sie die lokal gespeicherte Versionen der im Attribut <code>devDependencies</code> aufgeführte Node.js-Pakete		Mit diesem können Sie die lokal gespeicherte Versionen der im Attribut <code>devDependencies</code> aufgeführte Node.js-Pakete

Kowa: /* Ein Node.js-Test-Projekt ohne Funktionalität */

2024-03-19T13:50:04Z

Ein Node.js-Test-Projekt ohne Funktionalität

← Nächstältere Version		Version vom 19. März 2024, 13:50 Uhr
Zeile 69:		Zeile 69:
	npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer		npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer
	npm list		npm list
	less package.json		less package.json # Durch Drücken der Taste "q" zur Konsole zurückkehren

	npm install vue		npm install vue

Kowa: /* Node.js */

2024-03-19T13:40:52Z

Node.js

← Nächstältere Version		Version vom 19. März 2024, 13:40 Uhr
Zeile 13:		Zeile 13:

	===Node.js===		===Node.js===
	Installieren Sie nun Node.js: <code>https://nodejs.org/en/</code>, Version 18.x.		Installieren Sie nun Node.js: <code>https://nodejs.org/en/</code>, Version 20.x.

	Starten Sie VSC neu und öffnen Sie ein Terminal, um zu testen, ob <code>node</code> funktioniert:		Starten Sie VSC neu und öffnen Sie ein Terminal, um zu testen, ob <code>node</code> funktioniert:

Kowa am 21. April 2023 um 16:00 Uhr

2023-04-21T16:00:51Z

← Nächstältere Version		Version vom 21. April 2023, 16:00 Uhr
Zeile 267:		Zeile 267:
	<references/>		<references/>
	<ol>		<ol>
	<li value="3"> {{Quelle\|Kowarschick~~, W.: Multimedia-Programmierung~~}}</li>		<li value="3">{{Quelle\|Kowarschick (WebProg)}}</li>
	</ol>		</ol>
	[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]]		[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]]

Kowa: /* Zugriff auf Gitlab mittels SSH */

2023-03-23T17:50:22Z

Zugriff auf Gitlab mittels SSH

← Nächstältere Version		Version vom 23. März 2023, 17:50 Uhr
Zeile 228:		Zeile 228:
	=== Zugriff auf Gitlab mittels SSH ===		=== Zugriff auf Gitlab mittels SSH ===

			Öffnen Sie ein Bash-Terminal und erzeugen Sie ein SSH-Key-Paar:

			<source lang="bash">
			ssh-keygen -t ed25519 -C "gitlab.multimedia.hs-augsburg.de"
			</source>

			Fügen Sie den '''öffentlichen''' Schlüssel in Gitlab ein.
			Öffnen Sie die Url
			<source lang="bash">
			https://gitlab.multimedia.hs-augsburg.de/
			</source>
			loggen Sie sich ein und navigieren Sie zu den SSH-Settings
			<source lang="bash">
			https://gitlab.multimedia.hs-augsburg.de/-/profile/keys
			(Icon rechts oben → Preferences → SSH Keys)
			</source>
			Fügen Sie den Text aus der Datei <code>id_ed25519.pub</code> in das
			Textfeld <code>Key</code> und klicken Sie <code>Add key</code>.

			Nun können Sie in Ihrer Bash den SSH-Zugang überprüfen. (Denken Sie daran,
			dass der Gitlab-Server derzeit nur per VPN zugänglicg ist.)

			<source lang="bash">
			mkdir -p ~/tmp
			cd ~/tmp
			ssh -T git@gitlab.multimedia.hs-augsburg.de
			# Antwort: Welcome to GitLab, @ACCOUNT!
			git clone git@gitlab.multimedia.hs-augsburg.de:ACCOUNT/hello_world_01.git
			# Reaktion: Ihr Hello-World-01-Repository wird heruntergeladen.
			ls -al hello_world_01
			</source>

	== Fortsetzung des Tutoriums ==		== Fortsetzung des Tutoriums ==

Kowa: /* Fortsetzung des Tutoriums */

2023-03-23T17:07:12Z

Fortsetzung des Tutoriums

← Nächstältere Version		Version vom 23. März 2023, 17:07 Uhr
Zeile 226:		Zeile 226:
	<code>npm install</code> bzw. <code>npm i</code> aus. Dies ist viel effizienter, als Node.js-Module zwischen verschiedenen Speicherbereichen hin- und her zu kopieren.		<code>npm install</code> bzw. <code>npm i</code> aus. Dies ist viel effizienter, als Node.js-Module zwischen verschiedenen Speicherbereichen hin- und her zu kopieren.

	==Fortsetzung des Tutoriums==		=== Zugriff auf Gitlab mittels SSH ===


			== Fortsetzung des Tutoriums ==

	Sie sollten nun [[HTML5-Tutorium: JavaScript: Hello World\|Hello-World-Tutorium]] bearbeiten.		Sie sollten nun [[HTML5-Tutorium: JavaScript: Hello World\|Hello-World-Tutorium]] bearbeiten.

Kowa am 22. März 2023 um 08:51 Uhr

2023-03-22T08:51:26Z

← Nächstältere Version		Version vom 22. März 2023, 08:51 Uhr
Zeile 68:		Zeile 68:
	npm install --save-dev file-loader css-loader		npm install --save-dev file-loader css-loader
	npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer		npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer
			npm list
	less package.json		less package.json

	npm install vue		npm install vue
			npm list
	less package.json		less package.json

Zeile 190:		Zeile 192:
	</source>		</source>

	erfragen. ~~Hier bekommen Sie eine Fehlermeldung, dass das <code>webpack</code> fehlt. (Das Paket <code>css-loader</code> funktioniert nur im Zusammenhang mit webpack.) Sie sollten diesen Fehler beheben:~~		erfragen.

	~~<source lang="bash">~~
	~~npm i -D webpack~~
	~~npm list~~
	~~</source>~~

	Sie können auch überprüfen, ob Sie in Ihrem Projekt irgendwelche veralteten Pakete benutzen (https://docs.npmjs.com/cli/outdated):		Sie können auch überprüfen, ob Sie in Ihrem Projekt irgendwelche veralteten Pakete benutzen (https://docs.npmjs.com/cli/outdated):

Kowa am 22. März 2023 um 08:49 Uhr

2023-03-22T08:49:11Z

← Nächstältere Version		Version vom 22. März 2023, 08:49 Uhr
Zeile 68:		Zeile 68:
	npm install --save-dev file-loader css-loader		npm install --save-dev file-loader css-loader
	npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer		npm i -D file-loader css-loader # hat denselben Effekt, ist aber kürzer
			less package.json

			npm install vue
	less package.json		less package.json

Zeile 113:		Zeile 116:
	git commit # Aktualisiere das Repository		git commit # Aktualisiere das Repository

	# ~~Fehlermeldung:~~ Stellen Sie sicher, dass Sie in git Ihren "user.name" und Ihre "user.email" konfigurieren.		# Stellen Sie sicher, dass Sie in git Ihren "user.name" und Ihre "user.email" konfigurieren.
	git config --global user.email "E-Mail-Adresse"		git config --global user.email "E-Mail-Adresse"
	git config --global user.name "Benutzername"		git config --global user.name "Benutzername"

			# Melden Sie sich mit Ihrem RZ-Account zunächst im Gitlab an,
			# damit der Remote-Zugriff auf Gitlab funktioniert:
			# https://gitlab.multimedia.hs-augsburg.de

			# Verknüpfen Sie nun Ihr Projekt mit Gitlab.
			# Ersetzen Sie im folgenden Befehl umbefingt ACCOUNT
			# durch Ihren Benutzernamen:
	git remote add origin https://gitlab.multimedia.hs-augsburg.de/ACCOUNT/test01.git		git remote add origin https://gitlab.multimedia.hs-augsburg.de/ACCOUNT/test01.git
	~~# Verknüpfe Projekt mit gitlab~~
	git remote -v # Zeige die aktuelle Verknüpfung an.		git remote -v # Zeige die aktuelle Verknüpfung an.
	git push # Übertrage die aktuelle Version ins Repository		git push # Übertrage die aktuelle Version ins Repository
Zeile 160:		Zeile 170:
	}}		}}

	Hier müssen Sie natürlich <code>ACCOUNT</code> durch Ihren RZ-Account ersetzen.		Hier müssen Sie natürlich ebenfalls <code>ACCOUNT</code> durch Ihren RZ-Account ersetzen.

	Ändern Sie dagegen nie die Paketinformationen, die im Attribut <code>devDependencies</code> gespeichert sind.		Ändern Sie dagegen nie die Paketinformationen, die im Attribut <code>devDependencies</code> gespeichert sind.