Installation von WebStorm: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
=Installation von | ==Installation von WebStorm== | ||
Laden Sie sich zunächst | Laden Sie sich zunächst WebStorm herunter und installieren Sie es: https://www.jetbrains.com/webstorm/ | ||
'''Anmerkung:''' Auf Rechnern der Hochschule ist | '''Anmerkung:''' Auf Rechnern der Hochschule ist WebStorm bereits vorinstalliert. | ||
==Lizenz== | ===Lizenz=== | ||
Als Student der Hochschule Augsburg erhalten Sie mit Ihrer Hochschul-E-Mail-Adresse eine kostenlose Studentenlizenz. | Als Student der Hochschule Augsburg erhalten Sie mit Ihrer Hochschul-E-Mail-Adresse eine kostenlose Studentenlizenz. | ||
| Zeile 11: | Zeile 11: | ||
'''Anmerkung:''' Falls Sie an einem Rechner der Hochschule arbeiten, können Sie die Hochschullizenz verwenden. | '''Anmerkung:''' Falls Sie an einem Rechner der Hochschule arbeiten, können Sie die Hochschullizenz verwenden. | ||
==IDE-Konfiguration== | ===IDE-Konfiguration=== | ||
WebStorm ist auf die Entwicklung mit HTML/CSS/JavaScript ausgelegt, wodurch sich die Konfiguration sehr einfach gestaltet. | |||
Stellen Sie sicher dass unter <code>Webstorm</code> | ====Plugins==== | ||
auf jeden Fall folgende Plugins aktiviert sind ( | |||
Stellen Sie sicher dass unter <code>Webstorm</code> → <code>Preferences</code> → <code>IDE Settings</code> → <code>Plugins</code> | |||
auf jeden Fall folgende Plugins aktiviert sind (dies sollte standardmäßig der Fall sein): | |||
* JavaScript Support | * JavaScript Support | ||
* Subversion Integration | * Subversion Integration | ||
Verifizieren Sie außerdem, dass unter <code>Project settings</code> | Verifizieren Sie außerdem, dass unter <code>Project settings</code> → <code>JavaScript</code> die <code>JavaScript language version</code> auf | ||
<code>ECMAScript 5.1</code> eingestellt ist. | <code>ECMAScript 5.1</code> eingestellt ist. | ||
==Code-Style== | ====Code-Style==== | ||
Standardmäßig sind 4 Leerzeichen als Einrückung für Code-Formattierungen eingestellt. | Standardmäßig sind 4 Leerzeichen als Einrückung für Code-Formattierungen eingestellt. | ||
| Zeile 36: | Zeile 37: | ||
Vermeiden Sie jedoch das Tab-Zeichen zu verwenden, da dies nicht genormt ist und je nach Betriebssystem anders interpretiert wird. | Vermeiden Sie jedoch das Tab-Zeichen zu verwenden, da dies nicht genormt ist und je nach Betriebssystem anders interpretiert wird. | ||
==Markdown== | ====Markdown==== | ||
Die Anmerkungen zu den Praktikumsaufgaben sind im Repository als Markdown-Dokumente abgespeichert. | Die Anmerkungen zu den Praktikumsaufgaben sind im Repository als Markdown-Dokumente abgespeichert. | ||
Für Syntax Highlighting und eine Vorschauansicht müssen Sie das entsprechende Plugin installieren. | Für Syntax-Highlighting und eine Vorschauansicht müssen Sie das entsprechende Plugin installieren. | ||
Dazu gehen Sie auf <code>Webstorm</code> | Dazu gehen Sie auf <code>Webstorm</code> → <code>Preferences</code> → <code>IDE Settings</code> → <code>Plugins</code>, | ||
suchen dort nach "Markdown support" und klicken anschließend auf <code>Browse</code>. | suchen dort nach "Markdown support" und klicken anschließend auf <code>Browse</code>. | ||
Dort erscheint dann ein Plugin namens "Markdown support". Installieren Sie dieses und starten Webstorm danach neu. | Dort erscheint dann ein Plugin namens "Markdown support". Installieren Sie dieses und starten Webstorm danach neu. | ||
[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]] | [[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]] | ||
Version vom 8. September 2016, 14:15 Uhr
Installation von WebStorm
Laden Sie sich zunächst WebStorm herunter und installieren Sie es: https://www.jetbrains.com/webstorm/
Anmerkung: Auf Rechnern der Hochschule ist WebStorm bereits vorinstalliert.
Lizenz
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: https://www.jetbrains.com/estore/students/
Anmerkung: Falls Sie an einem Rechner der Hochschule arbeiten, können Sie die Hochschullizenz verwenden.
IDE-Konfiguration
WebStorm ist auf die Entwicklung mit HTML/CSS/JavaScript ausgelegt, wodurch sich die Konfiguration sehr einfach gestaltet.
Plugins
Stellen Sie sicher dass unter Webstorm → Preferences → IDE Settings → Plugins
auf jeden Fall folgende Plugins aktiviert sind (dies sollte standardmäßig der Fall sein):
- JavaScript Support
- Subversion Integration
Verifizieren Sie außerdem, dass unter Project settings → JavaScript die JavaScript language version auf
ECMAScript 5.1 eingestellt ist.
Code-Style
Standardmäßig sind 4 Leerzeichen als Einrückung für Code-Formattierungen eingestellt. Eine Vorgabe dafür gibt es nicht, die Empfehlung sind aber 2 Leerzeichen aufgrund der weiten Verbreitung.
Um die Einstellung zu ändern klicken Sie jeweils auf JavaScript, CSS und HTML und
tragen bei Tab size, Indent und Continuation Indent die gewünsche Zahl an Leerzeichen ein.
Vermeiden Sie jedoch das Tab-Zeichen zu verwenden, da dies nicht genormt ist und je nach Betriebssystem anders interpretiert wird.
Markdown
Die Anmerkungen zu den Praktikumsaufgaben sind im Repository als Markdown-Dokumente abgespeichert.
Für Syntax-Highlighting und eine Vorschauansicht müssen Sie das entsprechende Plugin installieren.
Dazu gehen Sie auf Webstorm → Preferences → IDE Settings → Plugins,
suchen dort nach "Markdown support" und klicken anschließend auf Browse.
Dort erscheint dann ein Plugin namens "Markdown support". Installieren Sie dieses und starten Webstorm danach neu.
