Installation von WebStorm: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) |
||
| Zeile 32: | Zeile 32: | ||
Eine Vorgabe dafür gibt es nicht, die Empfehlung sind aber 2 Leerzeichen aufgrund der weiten Verbreitung. | Eine Vorgabe dafür gibt es nicht, die Empfehlung sind aber 2 Leerzeichen aufgrund der weiten Verbreitung. | ||
Um die Einstellung zu ändern klicken Sie unter <code>Configure</code> → <code>Settings</code> → <code>Editor</code> → <code>Code Style</code> jeweils auf <code>JavaScript</code>, <code>CSS</code>, <code>HTML</code> und <code>JSON</code> und | Um die Einstellung zu ändern klicken Sie unter „<code>Configure</code>“ → „<code>Settings</code>“ → „<code>Editor</code>“ → „<code>Code Style</code>“ jeweils auf „<code>JavaScript</code>“, „<code>CSS</code>“, „<code>HTML</code>“ und „<code>JSON</code>“ und | ||
tragen bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> die Zahl <code>2</code> ein. | tragen bei „<code>Tab size</code>“, „<code>Indent</code>“ und „<code>Continuation Indent</code>“ die Zahl <code>2</code> ein. | ||
'''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.''' | ||
Stellen Sie außerdem bei <code>JavaScript</code> und <code>CSS</code> unter dem Tab <code>Wrapping and Braces</code> bzw. <code>Other</code> den Wert <code>Next line</code> für die Attribute <code>Braces placement</code> ein. | Für „<code>HTML</code>“ öffnen Sie unter dem Tab „<code>Other</code>“ das Drow-Down-Menü „<code>Do not indent children of:</code>“ und entfernen | ||
alle Einträge bis auf „<code>html</code>“. | |||
Stellen Sie außerdem bei „<code>JavaScript</code>“ und „<code>CSS</code>“ unter dem Tab „<code>Wrapping and Braces</code>“ bzw. „<code>Other</code>“ den Wert „<code>Next line</code>“ für die Attribute „<code>Braces placement</code>“ ein. | |||
====Markdown==== | ====Markdown==== | ||
Version vom 13. September 2016, 11:08 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 Configure → 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 Configure → Settings → LAnguages & Frameworks → 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 unter „Configure“ → „Settings“ → „Editor“ → „Code Style“ jeweils auf „JavaScript“, „CSS“, „HTML“ und „JSON“ und
tragen bei „Tab size“, „Indent“ und „Continuation Indent“ die Zahl 2 ein.
Vermeiden Sie jedoch das Tab-Zeichen zu verwenden, da dies nicht genormt ist und je nach Betriebssystem anders interpretiert wird.
Für „HTML“ öffnen Sie unter dem Tab „Other“ das Drow-Down-Menü „Do not indent children of:“ und entfernen
alle Einträge bis auf „html“.
Stellen Sie außerdem bei „JavaScript“ und „CSS“ unter dem Tab „Wrapping and Braces“ bzw. „Other“ den Wert „Next line“ für die Attribute „Braces placement“ ein.
Markdown
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 Configure → Plugins,
suchen dort via Lupe nach "Markdown support" und klicken anschließend auf Search in Repositories.
Dort erscheint dann ein Plugin namens "Markdown support". Installieren Sie dieses und starten Webstorm danach neu.
