|
|
| (26 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| =Installation von Webstorm=
| | #REDIRECT [[HTML5-Tutorium: JavaScript: Entwicklungsumgebung: 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 <code>Webstorm</code> -> <code>Preferences</code> -> <code>IDE Settings</code> -> <code>Plugins</code>
| |
| auf jeden Fall folgende Plugins aktiviert sind (diese sollte standardmäßig der Fall sein):
| |
| | |
| * JavaScript Support
| |
| * Subversion Integration
| |
| | |
| 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-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 <code>JavaScript</code>, <code>CSS</code> und <code>HTML</code> und
| |
| tragen bei <code>Tab size</code>, <code>Indent</code> und <code>Continuation Indent</code> 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 aussieht.
| |
| | |
| ==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 <code>Webstorm</code> -> <code>Preferences</code> -> <code>IDE Settings</code> -> <code>Plugins</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.
| |
