WebStorm/Neues Projekt (HowTo) - Versionsgeschichte

Kowa am 1. März 2023 um 13:07 Uhr

2023-03-01T13:07:10Z

← Nächstältere Version		Version vom 1. März 2023, 13:07 Uhr
Zeile 18:		Zeile 18:
	(Details: siehe [[HTML5-Tutorium: JavaScript: Hello World 04]])		(Details: siehe [[HTML5-Tutorium: JavaScript: Hello World 04]])

	==Erstellen eines neuen ~~Projektes~~==		==Erstellen eines neuen Projekts==

	* <code>File</code> bzw. </code>WebStorm</code> → <code>Project</code> → <code>Empty Project</code>		* <code>File</code> bzw. <code>WebStorm</code> → <code>Project</code> → <code>Empty Project</code>
	* <code>Location</code>: Pfad auf Entwicklungsrechner auswählen		* <code>Location</code>: Pfad auf Entwicklungsrechner auswählen
	* </code>Create</code>		* </code>Create</code>
Zeile 34:		Zeile 34:
	* Entpacken Sie folgendes Template-Projekt:		* Entpacken Sie folgendes Template-Projekt:
	** [https://glossar.hs-augsburg.de/beispiel/tutorium/es5/empty/WK_Empty_Project_Grunt.zip WK_Empty_Project_Grunt.zip] (Einfaches Projekt mit Grunt-Unterstützung)		** [https://glossar.hs-augsburg.de/beispiel/tutorium/es5/empty/WK_Empty_Project_Grunt.zip WK_Empty_Project_Grunt.zip] (Einfaches Projekt mit Grunt-Unterstützung)
	* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres ~~Projektes~~ ein.		* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres Projekts ein.
	** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.		** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.
	** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. Deselktieren Sie Pfade, dies Sie nicht in Ihrem Subversion-Repository speichern wollen (evtl. „<code>doc</code>“) und drücken Sie dann <code>OK</code>.		** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. Deselktieren Sie Pfade, dies Sie nicht in Ihrem Subversion-Repository speichern wollen (evtl. „<code>doc</code>“) und drücken Sie dann <code>OK</code>.

Kowa am 15. Oktober 2018 um 14:43 Uhr

2018-10-15T14:43:09Z

← Nächstältere Version		Version vom 15. Oktober 2018, 14:43 Uhr
Zeile 1:		Zeile 1:
			'''veraltet'''
	{{Qualität		{{Qualität
	\|correctness = 3		\|correctness = 3

Kowa am 13. Oktober 2016 um 17:27 Uhr

2016-10-13T17:27:05Z

← Nächstältere Version		Version vom 13. Oktober 2016, 17:27 Uhr
Zeile 31:		Zeile 31:

	Dateistruktur erstellen:		Dateistruktur erstellen:
	* Entpacken Sie ~~eine der folgenden~~ Template-~~Projekte~~		* Entpacken Sie folgendes Template-Projekt:
	** [https://glossar.hs-augsburg.de/beispiel/tutorium/es5/empty/WK_Empty_Project_Grunt.zip WK_Empty_Project_Grunt.zip] (Einfaches Projekt mit Grunt-Unterstützung)		** [https://glossar.hs-augsburg.de/beispiel/tutorium/es5/empty/WK_Empty_Project_Grunt.zip WK_Empty_Project_Grunt.zip] (Einfaches Projekt mit Grunt-Unterstützung)
	* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres Projektes ein.		* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres Projektes ein.
	** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.		** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.
	** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. Deselktieren Sie Pfade, dies Sie nicht in Ihrem Subversion-Repository speichern wollen (~~wie {{zB}}~~ „<code>doc</code>“) und drücken Sie dann <code>OK</code>.		** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. Deselktieren Sie Pfade, dies Sie nicht in Ihrem Subversion-Repository speichern wollen (evtl. „<code>doc</code>“) und drücken Sie dann <code>OK</code>.

	Inhalte der Dateien anpassen:		Inhalte der Dateien anpassen:

Kowa: /* Erstellen eines neuen Projektes */

2016-10-13T17:24:46Z

Erstellen eines neuen Projektes

@@ Zeile 6: / Zeile 6: @@
 |conformance         = 5
 }}
 ==Erstellen eines neuen Projektes==

Kowa: /* Erstellen eines neuen Projektes */

2016-10-12T14:45:17Z

Erstellen eines neuen Projektes

← Nächstältere Version		Version vom 12. Oktober 2016, 14:45 Uhr
Zeile 34:		Zeile 34:
	** <code>web/index.html</code> (zumindest <code>title</code>)		** <code>web/index.html</code> (zumindest <code>title</code>)
	** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>copyright</code>)		** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>copyright</code>)
			* Den Ordner „<code>doc</code>“ sollten Sie von der Code-Überwachung ausschließen: Rechtsklick auf „<code>doc</code>“ → <code>Marc Directory as</code> → <code>Excluded</code>.

	Node.js-Module initialisieren:		Node.js-Module initialisieren:

Kowa am 12. Oktober 2016 um 14:32 Uhr

2016-10-12T14:32:25Z

← Nächstältere Version		Version vom 12. Oktober 2016, 14:32 Uhr
Zeile 6:		Zeile 6:
	\|conformance = 5		\|conformance = 5
	}}		}}

	~~{{In Bearbeitung}}~~

	==Erstellen eines neuen Projektes==		==Erstellen eines neuen Projektes==

Kowa: /* Erstellen eines neuen Projektes */

2016-10-12T14:27:18Z

Erstellen eines neuen Projektes

← Nächstältere Version		Version vom 12. Oktober 2016, 14:27 Uhr
Zeile 35:		Zeile 35:
	** <code>src/js/main.js</code> (zumindest <code>@author</code>, <code>@copyright</code>, <code>@license</code> und <code>Created on</code>)		** <code>src/js/main.js</code> (zumindest <code>@author</code>, <code>@copyright</code>, <code>@license</code> und <code>Created on</code>)
	** <code>web/index.html</code> (zumindest <code>title</code>)		** <code>web/index.html</code> (zumindest <code>title</code>)
	** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>~~footer~~</code>)		** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>copyright</code>)

	Node.js-Module initialisieren:		Node.js-Module initialisieren:

Kowa: /* Erstellen eines neuen Projektes */

2016-10-12T11:53:21Z

Erstellen eines neuen Projektes

← Nächstältere Version		Version vom 12. Oktober 2016, 11:53 Uhr
Zeile 32:		Zeile 32:
	* Passen Sie in folgenden Dateien die Inhalte an Ihre Gegebenheiten an:		* Passen Sie in folgenden Dateien die Inhalte an Ihre Gegebenheiten an:
	** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)		** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)
	** <code>gruntfile.js</code> (zumindest <code>@author</code>, <code>@license</code> und <code>Created on</code>)		** <code>gruntfile.js</code> (zumindest <code>@author</code>, <code>@copyright</code>, <code>@license</code> und <code>Created on</code>)
	** <code>web/index.html</code> (zumindest <code>title</code>~~, später sinnvolle Inhalte :-)~~ )		** <code>src/js/main.js</code> (zumindest <code>@author</code>, <code>@copyright</code>, <code>@license</code> und <code>Created on</code>)
			** <code>web/index.html</code> (zumindest <code>title</code>)
	** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)		** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)

Kowa am 12. Oktober 2016 um 11:35 Uhr

2016-10-12T11:35:06Z

← Nächstältere Version		Version vom 12. Oktober 2016, 11:35 Uhr
Zeile 31:		Zeile 31:
	Inhalte der Dateien anpassen:		Inhalte der Dateien anpassen:
	* Passen Sie in folgenden Dateien die Inhalte an Ihre Gegebenheiten an:		* Passen Sie in folgenden Dateien die Inhalte an Ihre Gegebenheiten an:
			** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)
			** <code>gruntfile.js</code> (zumindest <code>@author</code>, <code>@license</code> und <code>Created on</code>)
			** <code>web/index.html</code> (zumindest <code>title</code>, später sinnvolle Inhalte :-) )
	** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)		** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)
	** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)

	Node.js-Module initialisieren:		Node.js-Module initialisieren:

Kowa: /* Erstellen eines neuen Projektes */

2016-10-12T11:12:37Z

Erstellen eines neuen Projektes

← Nächstältere Version		Version vom 12. Oktober 2016, 11:12 Uhr
Zeile 11:		Zeile 11:
	==Erstellen eines neuen Projektes==		==Erstellen eines neuen Projektes==

	* <code>File</code> bzw. </code>WebStorm</code> → </code>Project</code> → </code>Empty Project</code>		* <code>File</code> bzw. </code>WebStorm</code> → <code>Project</code> → <code>Empty Project</code>
	* <code>Location</code>: Pfad auf Entwicklungsrechner auswählen		* <code>Location</code>: Pfad auf Entwicklungsrechner auswählen
	* </code>Create</code>		* </code>Create</code>

	Mit Subversion koppeln:		Mit Subversion koppeln:
	* <code>VCS</code> → </code>Import into Version Control</code> → </code>Share Project (Subversion)</code>		* <code>VCS</code> → <code>Import into Version Control</code> → <code>Share Project (Subversion)</code>
	* Evtl. <code>repository location</code> hinzufügen (Klick auf grünes Plus-Icon).		* Evtl. <code>repository location</code> hinzufügen (Klick auf grünes Plus-Icon).
	* Im Repository-Baum den Zielordner wählen. Fehlende Ordner anlegen: Rechtsklick auf Ordner → </code>New</code> → </code>Remote Folder ...</code>		* Im Repository-Baum den Zielordner wählen. Fehlende Ordner anlegen: Rechtsklick auf Ordner → <code>New</code> → <code>Remote Folder ...</code>
	* <code>Define share target</code>: endgültigen Zielordner wählen		* <code>Define share target</code>: endgültigen Zielordner wählen
	* <code>Share</code> → </code>1.8 format</code> bzw. höchstmögliches SVN-Format wählen → <code>OK</code> → <code>OK</code> → <code>Yes</code>		* <code>Share</code> → <code>1.8 format</code> bzw. höchstmögliches SVN-Format wählen → <code>OK</code> → <code>OK</code> → <code>Yes</code>

	Dateistruktur erstellen:		Dateistruktur erstellen:
Zeile 27:		Zeile 27:
	* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres Projektes ein.		* Fügen Sie die entpackten Dateien in das Wurzelverzeichnis Ihres Projektes ein.
	** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.		** Wenn das Fenster <code>Move specified elements</code> aufpoppt, überprüfen Sie, ob der Pfad stimmt und drücken <code>OK</code>.
	** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. ~~'''~~Deselktieren Sie „<code>~~node_packages~~</code>“~~'''~~ und drücken dann <code>OK</code>.		** Als nächstes poppt das Fenster <code>Select Files to Add to Subversion</code> auf. Deselktieren Sie Pfade, dies Sie nicht in Ihrem Subversion-Repository speichern wollen (wie {{zB}} „<code>doc</code>“) und drücken Sie dann <code>OK</code>.
	** '''Setzen Sie <code>node_packages</code>auf die SVN-Ignore-Liste''' (sonst werden künftig unnötigerweise Tausende von Dateien ins Repository übertragen): Rechtsklick auf <code>node_packages</code> → <code>Subversion</code> → <code>Ignore</code> → <code>node_packages</code>
	** Sollte der vorangegangene Schritt schief gegangen sein (WebStorms Subversion-Tools sind in dieser Hinsicht ziemlich schlecht), müssen Sie den letzten Schritt gegebenenfalls mit einem anderen Tool bewerkstelligen. Unter Windows ist Tortoise dafür recht gut geeignet.

	Inhalte der Dateien anpassen:		Inhalte der Dateien anpassen:
Zeile 35:		Zeile 33:
	** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)		** <code>conf/jsdoc.js</code> (zumindest <code>systemName</code> und <code>footer</code>)
	** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)		** <code>package.json</code> (zumindest <code>name</code>, <code>description</code>, <code>url</code> und <code>author</code>)

			Node.js-Module initialisieren:
			* Öffnen Sie das WebStorm-Terminal: <code>npm update</code> → Der Ordner „<code>node_modules</code>“ wird erstellt und mit Dateien befüllt.
			* '''Setzen Sie <code>node_modules</code>auf die SVN-Ignore-Liste''' (sonst werden künftig unnötigerweise Tausende von Dateien ins Repository übertragen): Rechtsklick auf <code>node_modules</code> → <code>Subversion</code> → <code>Ignore</code> → <code>node_modules</code>
			* Sollte der vorangegangene Schritt schief gegangen sein (WebStorms Subversion-Tools sind in dieser Hinsicht ziemlich schlecht), müssen Sie den letzten Schritt gegebenenfalls mit einem anderen Tool bewerkstelligen. Unter Windows ist Tortoise dafür recht gut geeignet.
			* Geben Sie folgende Befehle in das Web-Storm-Terminal ein:
			** <code>grunt cssmin</code>
			** <code>grunt uglify</code>
			* Es werden zwei neue Dateien erstellt: „<code>web/css/main.css</code>“ und „<code>web/js/main.js</code>“.
			* Stellen Sie diese Dateien unter Versionskontrolle: Rechtsklick auf die Datei → <code>Subversion</code> → <code>Add to VCS</code>.
			* Erstellen Sie für den Grunt-Task „<code>watch</code>“ einen WebStorm-Startup-Task:
			**<code>File</code> bzw. </code>WebStorm</code> → <code>Settings</code> bzw. <code>Preferences</code> → <code>Tools</code> → <code>Startup Tasks</code>
			**Klick auf grünes Plus-Icon → <code>Add New Configuration</code> → <code>Grunt.js</code>
			**Name: <code>Watch</code>, Tasks: <code>watch</code> → <code>OK</code>
			* Starten Sie WebStorm neu.
			* Nun sollte der Task „<code>Watch</code>“ laufen.

			Sichern Sie Ihr Projekt im Repository:
			* Klick auf Subversion-Commit-Icon → Commit Message: <code>Project ... created and initialized.</code>→ <code>Commit</code>

	==Quellen==		==Quellen==