Installation von WebStorm: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 43: | Zeile 43: | ||
suchen dort nach "Markdown" und klicken anschließend auf <code>Browse</code>. | suchen dort nach "Markdown" und klicken anschließend auf <code>Browse</code>. | ||
Dort erscheint dann ein Plugin namens "Markdown". Installieren Sie dieses und starten Webstorm danach neu. | Dort erscheint dann ein Plugin namens "Markdown". Installieren Sie dieses und starten Webstorm danach neu. | ||
[[Kategorie:Kapitel:Web-Programmierung]][[Kategorie:Web-Programmierung-HowTo]] |
Version vom 27. Oktober 2014, 16:46 Uhr
Installation von Webstorm
Laden Sie sich zunächst Webstorm herunter und installieren Sie es: http://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. Bitte kontaktieren Sie den Lehrbeauftragten/Professor, um den Lizenzschlüssel zu erhalten.
IDE-Konfiguration
Webstorm ist auf die Entwicklung mit HTML/CSS/JavaScript ausgelegt, wodurch sich die Konfiguration sehr einfach gestaltet.
Stellen Sie sicher dass unter Webstorm
-> Preferences
-> IDE Settings
-> Plugins
auf jeden Fall folgende Plugins aktiviert sind (diese 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" und klicken anschließend auf Browse
.
Dort erscheint dann ein Plugin namens "Markdown". Installieren Sie dieses und starten Webstorm danach neu.