Installation von WebStorm: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) |
Kowa (Diskussion | Beiträge) |
||
Zeile 18: | Zeile 18: | ||
====Plugins==== | ====Plugins==== | ||
Stellen Sie sicher dass unter <code>Configure</code> → <code>Plugins</code> | Stellen Sie sicher dass unter „<code>Configure</code>“ → „<code>Plugins</code>“ (oder, wenn die Startseite nicht angezeigt wird: „<code>File</code>“ → „<code>Settings</code>“ → „<code>Plugins</code>“) | ||
auf jeden Fall folgende Plugins aktiviert sind (dies sollte standardmäßig der Fall sein): | auf jeden Fall folgende Plugins aktiviert sind (dies sollte standardmäßig der Fall sein): | ||
Zeile 24: | Zeile 24: | ||
* Subversion Integration | * Subversion Integration | ||
Verifizieren Sie außerdem, dass unter <code>Configure</code> → <code>Settings</code> → <code> | Verifizieren Sie außerdem, dass unter „<code>Configure</code>“ bzw. „<code>File</code>“ → „<code>Settings</code>“ → „<code>Languages & Frameworks</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==== | ||
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>File</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.''' |
Version vom 20. September 2016, 13:53 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
“ (oder, wenn die Startseite nicht angezeigt wird: „File
“ → „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 „Configure
“ bzw. „File
“ → „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
/File
“ → „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.