HTML5-Tutorium: JavaScript: Entwicklungsumgebung: WebStorm - Versionsgeschichte

Kowa am 15. Oktober 2018 um 15:14 Uhr

2018-10-15T15:14:12Z

← Nächstältere Version		Version vom 15. Oktober 2018, 15:14 Uhr
Zeile 146:		Zeile 146:
	</ol>		</ol>
	[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]]		[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]]
	~~[[Kategorie: HTML5-Beispiel]]~~
	[[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		[[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]
	[[Kategorie:Praktikum:MMProg]]		[[Kategorie:Praktikum:MMProg]]
	[[Kategorie:Web-Programmierung-HowTo]]		[[Kategorie:Web-Programmierung-HowTo]]

Kowa am 15. Oktober 2018 um 15:12 Uhr

2018-10-15T15:12:57Z

← Nächstältere Version		Version vom 15. Oktober 2018, 15:12 Uhr
Zeile 145:		Zeile 145:
	<li>{{Quelle\|JetBrains (WebStorm 2017)}}</li>		<li>{{Quelle\|JetBrains (WebStorm 2017)}}</li>
	</ol>		</ol>
	~~<noinclude>~~[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]][[Kategorie:~~Kapitel:Web~~-~~Programmierung~~]][[Kategorie:~~Web~~-Programmierung~~-HowTo~~]][[Kategorie:Praktikum:MMProg]]~~</noinclude>~~		[[Kategorie: HTML5-Tutorium: JavaScript: Entwicklungsumgebung]]
			[[Kategorie: HTML5-Beispiel]]
			[[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]
			[[Kategorie:Praktikum:MMProg]]
			[[Kategorie:Web-Programmierung-HowTo]]

Kowa am 25. September 2018 um 07:17 Uhr

2018-09-25T07:17:35Z

← Nächstältere Version		Version vom 25. September 2018, 07:17 Uhr
Zeile 130:		Zeile 130:

	* <code>Editor</code> → <code>TODO</code> → Doppelklick auf <code>\btodo\b.</code> → Ändern des Pattern in <code>\btbd\b.</code>		* <code>Editor</code> → <code>TODO</code> → Doppelklick auf <code>\btodo\b.</code> → Ändern des Pattern in <code>\btbd\b.</code>

			====UTF-8-Zeichen in JavaScript-Bezeichnern erlauben====

			In JavaScript ist es möglich, in Variablen-, Funktionsbezeichnern etc. auch Umlaute und Buchstaben anderer Sprachen (wie {{zB}} Griechisch) zu verwenden. Defaultmäßig ist dies in WebStorm nicht erlaubt. Sie können aber WebStorm so konfigurieren, dass Sie keine Warnmeldungen mehr erhalten, wenn Sie Nicht-SCII-Zeichen in Bezeichnern verwenden:

	* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>Internationalization </code> → <code>Non-ASCII characers</code>: Häkchen entfernen		* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>Internationalization </code> → <code>Non-ASCII characers</code>: Häkchen entfernen
	* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>JavaScript</code> → <code>Naming conventions</code> → <code>Identifiers with non-ASCII characers</code>: Häkchen entfernen		* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>JavaScript</code> → <code>Naming conventions</code> → <code>Identifiers with non-ASCII characers</code>: Häkchen entfernen

Kowa am 24. September 2018 um 11:43 Uhr

2018-09-24T11:43:42Z

← Nächstältere Version		Version vom 24. September 2018, 11:43 Uhr
Zeile 41:		Zeile 41:
	Aktivieren Sie die Toolbar:		Aktivieren Sie die Toolbar:
	* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code> (Dieses Projekt wird eigentlich nicht gebraucht, es dient nur dazu, die Toolbar aktivierenden zu können; siehe nächsten Punkt)		* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code> (Dieses Projekt wird eigentlich nicht gebraucht, es dient nur dazu, die Toolbar aktivierenden zu können; siehe nächsten Punkt)
	Ü <code>View</code> → Häkchen bei <code>Toolbar</code>		* <code>View</code> → Häkchen bei <code>Toolbar</code>

	Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in WebStorm neu laden können,		Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in WebStorm neu laden können,
Zeile 52:		Zeile 52:
	Anmerkungen: Die Default-Konfigurationen (Default-Settings) finden auf der WebStorm-Startseite unter dem Button:		Anmerkungen: Die Default-Konfigurationen (Default-Settings) finden auf der WebStorm-Startseite unter dem Button:
	* <code>Configure</code>		* <code>Configure</code>
	~~Wenn~~ Sie schon ein Projekt bearbeiten, finden Sie das Konfigurationsmenü unter		Da Sie schon ein Projekt bearbeiten, finden Sie das Konfigurationsmenü unter
	* <code>File</code> → <code>Settings for New Projects...</code>		* <code>File</code> → <code>Settings for New Projects...</code>
	Im Folgenden gehe ich davon aus, dass Sie dieses Menü bereits geöffnet haben.		Im Folgenden gehe ich davon aus, dass Sie dieses Menü bereits geöffnet haben.
Zeile 87:		Zeile 87:
	*** <code>Braces placement</code> → <code>In function expression</code> → <code>Next line</code>		*** <code>Braces placement</code> → <code>In function expression</code> → <code>Next line</code>
	*** <code>Braces placement</code> → <code>Other</code> → <code>Next line</code>		*** <code>Braces placement</code> → <code>Other</code> → <code>Next line</code>
			* Klick auf <code>HTML</code> im linkem Baummenü
			** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
			** Klick auf <code>Other</code>
			***<code>Do not indent children of:</code> → Entfernen alle Einträge bis auf <code>html</code>.
			* Klick auf <code>JSON</code> im linkem Baummenü
			** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
	* Klick auf <code>CSS</code> im linkem Baummenü		* Klick auf <code>CSS</code> im linkem Baummenü
	** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.		** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
Zeile 93:		Zeile 99:
	***<code>Align values</code> → <code>On value</code>		***<code>Align values</code> → <code>On value</code>
	*** Häkchen bei <code>Keep single-line blocks</code>		*** Häkchen bei <code>Keep single-line blocks</code>
	* Klick auf <code>~~HTML~~</code> im linkem Baummenü		* Klick auf <code>Sass</code> im linkem Baummenü
	** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.		** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
	** Klick auf <code>~~Other</code>~~		* Klick auf <code>SCSS</code> im linkem Baummenü
	***<code>Do not indent children of:</code> → Entfernen alle Einträge bis auf <code>html</code>.
	* Klick auf <code>JSON</code> im linkem Baummenü
	** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.		** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
			* Klick auf <code>Other File Types</code> im linkem Baummenü
			** Tragen Sie bei <code>Tab size</code> und <code>Indent</code> die Zahl <code>2</code> ein.
	* <code>OK</code>		* <code>OK</code>

Kowa am 24. September 2018 um 11:29 Uhr

2018-09-24T11:29:04Z

← Nächstältere Version		Version vom 24. September 2018, 11:29 Uhr
Zeile 17:		Zeile 17:

	Installieren Sie das Softwarepaket. Dabei werden Ihnen ein paar Fragen gestellt.		Installieren Sie das Softwarepaket. Dabei werden Ihnen ein paar Fragen gestellt.
	* Wählen Sie eines der beiden angebotenen UI Themes aus.		* Wählen Sie eines der beiden angebotenen UI Themes (Dracula oder IntelliJ) aus.
	* <code>Next</code>		* <code>Next: Featured Plugins</code>
	* Klicken Sie bei <code>Markdown</code> auf <code>Install</code>		* Klicken Sie bei <code>Markdown</code> auf <code>Install</code>
	* <code>Start using WebStorm</code>		* <code>Start using WebStorm</code>
	* Wenn Sie schon eine Lizenz erhalten haben, geben Sie die Zugangsdaten entsprechend ein. Anderenfalls selektieren Sie <code>Evaluate for free</code> (und geben die Lizenzdaten nachträglich ein, sobald Sie sie erhalten haben).		* Wenn Sie schon eine Lizenz erhalten haben, geben Sie die Zugangsdaten entsprechend ein. Anderenfalls selektieren Sie <code>Evaluate for free</code> (und geben die Lizenzdaten nachträglich ein, sobald Sie sie erhalten haben).
	* <code>Activate</code>		* <code>Activate</code>
	* <code>~~Create New Project~~</code> → <code>~~Empty Project~~</code> ~~(= Vorauswahl)~~ → <code>~~Create~~</code> ~~(Dieses~~ Projekt ~~wird eigentlich~~ nicht ~~gebraucht~~, ~~es dient nur dazu~~, die ~~Toolbar aktivierenden zu können; siehe nächsten Punkt)~~
			=== <code>settings.jar</code> ===

			Laden Sie die Datei [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/settings.jar settings.jar] herunter und speicher Sie sie lokal auf Ihrem Rechner.
			Importieren Sie diese Datei in Ihre WebStorm-Umgebung:

			Wenn Sie sich auf de WebStorm-Startseite befinden:
			* <code>Configure</code> → <code>Import Settings</code> → <code>settings.jar</code> selektieren → <code>OK</code> → <code>OK</code>

			Wenn Sie schon ein Projekt bearbeiten, gehen Sie bitte folgendermaßen vor:
			* <code>File</code> → <code>Import Settings</code> → <code>settings.jar</code> selektieren → <code>OK</code> → <code>OK</code>

			'''Die nachfolgenden Anweisungen brauchen Sie nun nicht mehr von Hand auszuführen, da mit der vorangegangenen Anweisung bereits alle dort aufgeführten Änderungen ausgeführt wurden. Sie sollten sich aber den Text dennoch durchlesen, damit Sie die Begründungen für die einzelnen Änderungen an den Defaulteinstellungen kennenlernen.

	===Toolbar===		===Toolbar===

	Aktivieren Sie die Toolbar:		Aktivieren Sie die Toolbar:
	* <code>View</code> → Häkchen bei <code>Toolbar</code>		* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code> (Dieses Projekt wird eigentlich nicht gebraucht, es dient nur dazu, die Toolbar aktivierenden zu können; siehe nächsten Punkt)
			Ü <code>View</code> → Häkchen bei <code>Toolbar</code>

	Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in WebStorm neu laden können,		Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in WebStorm neu laden können,

Kowa am 24. September 2018 um 10:50 Uhr

2018-09-24T10:50:27Z

← Nächstältere Version		Version vom 24. September 2018, 10:50 Uhr
Zeile 23:		Zeile 23:
	* Wenn Sie schon eine Lizenz erhalten haben, geben Sie die Zugangsdaten entsprechend ein. Anderenfalls selektieren Sie <code>Evaluate for free</code> (und geben die Lizenzdaten nachträglich ein, sobald Sie sie erhalten haben).		* Wenn Sie schon eine Lizenz erhalten haben, geben Sie die Zugangsdaten entsprechend ein. Anderenfalls selektieren Sie <code>Evaluate for free</code> (und geben die Lizenzdaten nachträglich ein, sobald Sie sie erhalten haben).
	* <code>Activate</code>		* <code>Activate</code>
	* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code>		* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code> (Dieses Projekt wird eigentlich nicht gebraucht, es dient nur dazu, die Toolbar aktivierenden zu können; siehe nächsten Punkt)

	===Toolbar===		===Toolbar===
Zeile 30:		Zeile 30:
	* <code>View</code> → Häkchen bei <code>Toolbar</code>		* <code>View</code> → Häkchen bei <code>Toolbar</code>

	Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in ~~WebStrom~~ neu laden können,		Hier finden Sie insbesondere den Reload-Button, mit dem Sie den Dateibaum in WebStorm neu laden können,
	wenn dieser außerhalb von WebStorm verändert wurde.		wenn dieser außerhalb von WebStorm verändert wurde.
	~~<!--~~
	~~===Plugins===~~

	Stellen Sie sicher, dass unter <code>File</code> → <code>Settings</code>/<code>Preferences</code> → <code>Plugins</code> auf jeden Fall folgende Plugins aktiviert sind (dies sollte standardmäßig der Fall sein):

	* JavaScript Support
	* Subversion Integration
	~~-->~~
	===IDE-Konfiguration===		===IDE-Konfiguration===

Zeile 46:		Zeile 39:
	Anmerkungen: Die Default-Konfigurationen (Default-Settings) finden auf der WebStorm-Startseite unter dem Button:		Anmerkungen: Die Default-Konfigurationen (Default-Settings) finden auf der WebStorm-Startseite unter dem Button:
	* <code>Configure</code>		* <code>Configure</code>
	Wenn Sie schon ein Projekt bearbeiten, finden Sie das ~~Konfigurations-Menü~~ unter		Wenn Sie schon ein Projekt bearbeiten, finden Sie das Konfigurationsmenü unter
	* <code>File</code> → <code>~~Default~~ Settings</code>		* <code>File</code> → <code>Settings for New Projects...</code>
	Im Folgenden gehe ich davon aus, dass Sie dieses Menü bereits geöffnet haben.		Im Folgenden gehe ich davon aus, dass Sie dieses Menü bereits geöffnet haben.

Zeile 53:		Zeile 46:

	Verifizieren Sie, dass unter <code>Languages & Frameworks</code> → <code>JavaScript</code> die <code>JavaScript language version</code> auf		Verifizieren Sie, dass unter <code>Languages & Frameworks</code> → <code>JavaScript</code> die <code>JavaScript language version</code> auf
	<code>ECMAScript 6</code> eingestellt ist.		<code>ECMAScript 6</code> eingestellt ist. <!--Sie sollten außerdem die “Coding assistence for WebStorm” aktivieren, da Sie anderenfalls
			bei jedem SVN-Commit eine Warnung angezeigt bekommen, dass Sie dies nicht gemacht haben:-->

	~~Sie sollten außerdem die “Coding assistence for WebStorm” aktivieren, da Sie anderenfalls~~		* <code>Language & Frameworks</code> → JavaScript language version: <code>ECMAScript 6</code>
	~~bei jedem SVN-Commit eine Warnung angezeigt bekommen, dass Sie dies nicht gemacht haben:~~

	* <code>Language & Frameworks</code> → ~~Häckchen bei~~ <code>~~Coding assistence for WebStorm~~</code>

	====Code-Style====		====Code-Style====
Zeile 67:		Zeile 58:
	80 Zeichen pro Zeile zu begrenzen, was einen deutlich lesbareren Code zur Folge hat als überbreite Zeilen.		80 Zeichen pro Zeile zu begrenzen, was einen deutlich lesbareren Code zur Folge hat als überbreite Zeilen.

	~~Passen~~ Sie ~~dies Einstellungen~~ an:		Grundsätzlich gilt: '''Verwenden Sie bei Programmieren niemals Tabulatorzeichen zum Einrücken von Text, sondern immer nur Leerzeichen.'''
			In den meisten Texteditoren kann man einstellen, dass beim Drücken der Tabulatortaste Leerzeichen an Stelle von Tabulatorzeichen erzeugt werden sollen.
			Der Grund ist, dass ein Programmcode, der Tabulatorzeichen enthält, mit ziemlicher Sicherheit vollkommen anders aussieht, wenn man ihn in einem anderen Editor oder in einem HTML-Browser öffnet.

	* <code>Editor</code> → <code>Code Style</code> → öffnen (Klick auf ~~Dreiecke~~ vor den Namen)		Passen Sie die nachfolgenden Einstellungen an:

			* <code>Editor</code> → <code>Code Style</code> → öffnen (Klick auf Dreieck vor den Namen)
	* Im rechten Fenster: <code>Visual guides:</code>: <code>80, 100, 120</code>		* Im rechten Fenster: <code>Visual guides:</code>: <code>80, 100, 120</code>
	* Klick auf <code>JavaScript</code> im linkem Baummenü		* Klick auf <code>JavaScript</code> im linkem Baummenü
	** Achten Sie darauf, dass <code>Use tab character</code> deaktiviert ist. ~~('''Ganz wichtig, da die Anzahl der Leerzeichen, für die das Tab-Symbol steht, nicht normiert ist und daher Code mit Tab-Zeichen in anderen Editoren unlesbar sein kann.''')~~		** Achten Sie darauf, dass <code>Use tab character</code> deaktiviert ist.
	** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.		** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
	** Klick auf <code>Wrapping and Braces</code>		** Klick auf Reiter <code>Wrapping and Braces</code>. '''Öffnende Klammern sollten sich aus Gründen der Lesbarkeit immer an derselben Position innerhalb der Zeile befinden wie die zugehörige schließende Klammer.''' (Üblicherweise wird dies heute nicht mehr so gemacht, um eine Zeile Platz zu sparen. Sie können natürlich alle nachfolgenden <code>Braces</code>-<code>placement</code>-Modifikationen überspringen, wenn Sie die öffnende Klammer lieber am Ende der zugehörigen Anweisung platzieren möchten. Glauben Sie aber einen erfahrenem [[Lisp]]-Programmierer. Die andere Variante ist besser.)
	*** <code>Braces placement</code> → <code>In class declaration</code> → <code>Next line</code>		*** <code>Braces placement</code> → <code>In class declaration</code> → <code>Next line</code>
	*** <code>Braces placement</code> → <code>In function declaration</code> → <code>Next line</code>		*** <code>Braces placement</code> → <code>In function declaration</code> → <code>Next line</code>
Zeile 84:		Zeile 79:
	*** <code>Braces placement</code> → <code>Next line</code>		*** <code>Braces placement</code> → <code>Next line</code>
	***<code>Align values</code> → <code>On value</code>		***<code>Align values</code> → <code>On value</code>
			*** Häkchen bei <code>Keep single-line blocks</code>
	* Klick auf <code>HTML</code> im linkem Baummenü		* Klick auf <code>HTML</code> im linkem Baummenü
	** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.		** Tragen Sie bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein.
Zeile 101:		Zeile 97:

	====TODO-Erinnerung====		====TODO-Erinnerung====
	Bei einem [[~~Subversion~~]]-Commit überprüft WebStorm vor dem eigentlichen Sichern des Projekt		Bei einem [[Repository]]-Commit überprüft WebStorm vor dem eigentlichen Sichern des Projekt
	den Code. Wenn dabei irgendwelche Fehler entdeckt werden, fragt WebStorm sicherheitshalber		den Code. Wenn dabei irgendwelche Fehler entdeckt werden, fragt WebStorm sicherheitshalber
	noch einmal nach, ob man die Fehler wirklich nicht vor dem Sichern beheben will. Das ist		noch einmal nach, ob man die Fehler wirklich nicht vor dem Sichern beheben will. Das ist
Zeile 108:		Zeile 104:
	wird ebenfalls nachgefragt, ob man diese Änderung nicht noch erledigen will, bevor man den		wird ebenfalls nachgefragt, ob man diese Änderung nicht noch erledigen will, bevor man den
	Code speichert. Dies ist sehr lästig, da man den Code ja gar nicht selbst geschrieben hat		Code speichert. Dies ist sehr lästig, da man den Code ja gar nicht selbst geschrieben hat
	und auch gar nicht ändern kann, da ~~sprätenstens~~ beim erneuten Generieren des Codes dieser		und auch gar nicht ändern kann, da spätestens beim erneuten Generieren des Codes dieser
	Kommentar wieder enthalten ist. Als Workaround ändere ich den Todo-String, nach dem WebStorm sucht,		Kommentar wieder enthalten ist. Als Workaround ändere ich den Todo-String, nach dem WebStorm sucht,
	von <code>TODO</code> in <code>TBD</code> (to be done) ab. Dann ~~kann ich~~ in ~~meinen~~ Code		von <code>TODO</code> in <code>TBD</code> (to be done) ab. Dann können Sie in Ihren Code
	<code>TBD</code> einfügen und ~~werde~~ von WebStorm daran erinnert, ~~bleibe~~ aber gleichzeitig		<code>TBD</code> einfügen und werden von WebStorm bei einem Commit daran erinnert, bleiben aber gleichzeitig
	von Meldungen verschont, an denen ~~ich~~ sowieso nichts ändern ~~kann~~:		von Meldungen verschont, an denen Sie sowieso nichts ändern können:

	* <code>Editor</code> → <code>TODO</code> → Doppelklick auf <code>\btodo\b.</code> → Ändern des Pattern in <code>\btbd\b.</code>		* <code>Editor</code> → <code>TODO</code> → Doppelklick auf <code>\btodo\b.</code> → Ändern des Pattern in <code>\btbd\b.</code>
	* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>Internationalization ~~issues~~</code> → <code>~~non~~-ASCII characers</code>: Häkchen entfernen		* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>Internationalization </code> → <code>Non-ASCII characers</code>: Häkchen entfernen
	* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>JavaScript</code> → <code>Naming conventions</code> → <code>Identifiers with non-ASCII characers</code>: Häkchen entfernen		* <code>Editor</code> → <code>Inspections</code> → im Menü rechts daneben: <code>JavaScript</code> → <code>Naming conventions</code> → <code>Identifiers with non-ASCII characers</code>: Häkchen entfernen

	~~====Markdown====~~

	~~Anmerkungen zu den Praktikumsaufgaben sind im Repository evtl. als Markdown-Dokumente abgespeichert.~~
	~~Für Syntax-Highlighting und eine Vorschauansicht müssen Sie das entsprechende Plugin installieren.~~
	~~Dazu gehen Sie auf <code>Plugins</code>, suchen dort via Lupe nach <code>Markdown support</code> und klicken anschließend auf <code>Search in Repositories</code>.~~
	~~Dort erscheint dann ein Plugin namens <code>Markdown support</code>. Installieren Sie dieses und starten WebStorm danach neu.~~

	==Quellen==		==Quellen==

Kowa am 24. September 2018 um 09:18 Uhr

2018-09-24T09:18:25Z

← Nächstältere Version		Version vom 24. September 2018, 09:18 Uhr
Zeile 7:		Zeile 7:
	==Installation von WebStorm==		==Installation von WebStorm==

	Laden Sie sich zunächst WebStorm herunter (https://www.jetbrains.com/webstorm/~~) und installieren Sie das Softwarepaket.~~		Laden Sie sich zunächst WebStorm herunter:
	Sie können diese Software zunächst 30 Tage lang ohne Lizenz benutzen.		<div class="formula">https://www.jetbrains.com/webstorm/</div>
			Sie können diese Software zunächst 30 Tage lang ohne Lizenz benutzen.
			Als Student der Hochschule Augsburg erhalten Sie mit Ihrer Hochschul-E-Mail-Adresse eine kostenlose Studentenlizenz.
			Füllen Sie dazu das Formular auf der Antragsseite aus:
			<div class="formula">https://www.jetbrains.com/estore/students/</div>

	'''Anmerkung:''' Auf Rechnern der Hochschule ist WebStorm bereits vorinstalliert.		'''Anmerkung:''' Auf Rechnern der Hochschule ist WebStorm bereits vorinstalliert.

	~~===Lizenz===~~		Installieren Sie das Softwarepaket. Dabei werden Ihnen ein paar Fragen gestellt.
			* Wählen Sie eines der beiden angebotenen UI Themes aus.
	~~Als Student der Hochschule Augsburg erhalten~~ Sie ~~mit Ihrer Hochschul-E-Mail-Adresse eine kostenlose Studentenlizenz~~.		* <code>Next</code>
	~~Füllen~~ Sie ~~dazu das Formular auf~~ der ~~Antragsseite~~ aus~~: https://www~~.~~jetbrains.com~~/~~estore~~/~~students~~/		* Klicken Sie bei <code>Markdown</code> auf <code>Install</code>
			* <code>Start using WebStorm</code>
	~~'''Anmerkung:''' Falls~~ Sie ~~an einem Rechner der Hochschule arbeiten~~, ~~können~~ Sie die ~~Hochschullizenz verwenden~~.		* Wenn Sie schon eine Lizenz erhalten haben, geben Sie die Zugangsdaten entsprechend ein. Anderenfalls selektieren Sie <code>Evaluate for free</code> (und geben die Lizenzdaten nachträglich ein, sobald Sie sie erhalten haben).
			* <code>Activate</code>
			* <code>Create New Project</code> → <code>Empty Project</code> (= Vorauswahl) → <code>Create</code>

	===Toolbar===		===Toolbar===

Kowa am 4. Mai 2018 um 17:49 Uhr

2018-05-04T17:49:49Z

← Nächstältere Version		Version vom 4. Mai 2018, 17:49 Uhr
Zeile 64:		Zeile 64:

	* <code>Editor</code> → <code>Code Style</code> → öffnen (Klick auf Dreiecke vor den Namen)		* <code>Editor</code> → <code>Code Style</code> → öffnen (Klick auf Dreiecke vor den Namen)
	* Im ~~Rechten~~ Fenster: <code>~~Right margins (columns)~~</code>: <code>80</code>		* Im rechten Fenster: <code>Visual guides:</code>: <code>80, 100, 120</code>
	* Klick auf <code>JavaScript</code> im linkem Baummenü		* Klick auf <code>JavaScript</code> im linkem Baummenü
	** Achten Sie darauf, dass <code>Use tab character</code> deaktiviert ist. ('''Ganz wichtig, da die Anzahl der Leerzeichen, für die das Tab-Symbol steht, nicht normiert ist und daher Code mit Tab-Zeichen in anderen Editoren unlesbar sein kann.''')		** Achten Sie darauf, dass <code>Use tab character</code> deaktiviert ist. ('''Ganz wichtig, da die Anzahl der Leerzeichen, für die das Tab-Symbol steht, nicht normiert ist und daher Code mit Tab-Zeichen in anderen Editoren unlesbar sein kann.''')

Kowa am 4. Mai 2018 um 17:47 Uhr

2018-05-04T17:47:14Z

@@ Zeile 53: / Zeile 53: @@
 * <code>Language & Frameworks</code> → Häckchen bei <code>Coding assistence for WebStorm</code>
 ====Code-Style====
@@ Zeile 104: / Zeile 87: @@
 '''Nochmals: Vermeiden Sie es, Tab-Zeichen an Stelle von Leerzeichen zu verwenden, da die Tabulatorbreite nicht genormt ist und je nach Editor anders interpretiert wird.'''
 ====Markdown====

Kowa am 4. Mai 2018 um 17:42 Uhr

2018-05-04T17:42:14Z

← Nächstältere Version		Version vom 4. Mai 2018, 17:42 Uhr
Zeile 49:		Zeile 49:
	<code>ECMAScript 6</code> eingestellt ist.		<code>ECMAScript 6</code> eingestellt ist.

	~~Aktivieren~~ Sie außerdem die ~~WebStorm-Node.js-coding-assitence~~, da Sie anderenfalls		Sie sollten außerdem die “Coding assistence for WebStorm” aktivieren, da Sie anderenfalls
	bei jedem SVN-Commit eine Warnung angezeigt bekommen, dass Sie dies nicht gemacht haben:		bei jedem SVN-Commit eine Warnung angezeigt bekommen, dass Sie dies nicht gemacht haben:

	* <code>Language & Frameworks</code> → <code>~~Node.js and NPM</code> → „Node.js Core library is not enabled“: <code>Enable~~</code>		* <code>Language & Frameworks</code> → Häckchen bei <code>Coding assistence for WebStorm</code>

	Bei einem [[Subversion]]-Commit überprüft WebStorm vor dem eigentlichen Sichern des Projekt		Bei einem [[Subversion]]-Commit überprüft WebStorm vor dem eigentlichen Sichern des Projekt