LU02b - Installation des Code-Editors WebStorm

• Arbeitsform: Einzelarbeit oder Partnerarbeit (helfen Sie sich gegenseitig)
• Zeitaufwand: ca. 20 Minuten
• Erwartetes Ergebnis:
  • Korrekt installierter Code-Editor WebStorm inkl. Aktivierung der Non-Commercial-Lizenz

Programmieren von Quellcode ist ohne einen geeigneten Code-Editor mühsam. WebStorm ist ein solcher Editor, der uns viele nützliche Funktionen bietet – und das Beste: Für nicht kommerzielle Projekte ist er kostenlos verfügbar. Mit dem vorinstallierten Datenbank-Plugin können wir Datenbanken ganz leicht anlegen, konfigurieren und mit SQL-Code Daten auslesen.

1. Erstellen Sie ein JetBrains-Konto mit Ihrer BZZ-E-Mail-Adresse (falls noch nicht vorhanden).
2. Laden Sie WebStorm herunter und installieren Sie es: WebStorm herunterladen.
3. Starten Sie WebStorm.
   1. Bei der Lizenzauswahl wählen Sie die Non-Commercial License (dazu müssen Sie sich in Ihrem JetBrains-Konto anmelden).

Non-Commercial License Screen in WebStorm

1. Falls die Non-Commercial License nicht sichtbar ist, haben Sie vermutlich eine alte Version installiert. Laden Sie die aktuelle Version von WebStorm herunter.
2. Erstellen Sie ein neues Projekt in WebStorm → Klick auf „+“ → beide Checkboxen abwählen und dem Projekt einen Namen vergeben, z.B. „M290_LU02“.

1. Öffnen Sie nach der Einrichtung das Datenbank-Plugin (Klick auf Datenbank-Icon in der rechten Seitenleiste) in WebStorm.

1. Im Datenbank-Fenster auf „+“ klicken → „Data Source“ auswählen → MySQL auswählen.

1. Im erscheinenden Fenster die Verbindung konfigurieren (s. Screenshot mit Beispiel-Angaben):
   1. User: root
   2. Password: Das Passwort, das Sie beim Installieren bzw. Konfigurieren von MySQL Community Server gesetzt haben
2. Falls eine Warnung erscheint, dass noch Treiber heruntergeladen werden müssen, klicken Sie auf den entsprechenden Link direkt über dem Button „Test Connection“.
3. Klicken Sie auf Test Connection: Ein grünes Popup („Succeeded“) bedeutet Erfolg → mit Apply, OK bestätigen. Bei „Failed“ stimmt möglicherweise das Passwort nicht.

Konfiguration, um die Verbindung zu MySQL herzustellen.

Sobald die Verbindung von WebStorm zu MySQL erstellt ist, öffnet sich ein Konsolenfenster (Query Console), und im Datenbank-Plugin-Fenster erscheint die Verbindung mit einer Zahl dahinter (z.B. 0 of 0). Klappen wir das Menü auf, sind weder Datenbanken noch Tabellen sichtbar – das erstellen wir im nächsten Schritt.

Im Konsolenfenster schreiben und führen wir SQL-Befehle aus. MySQL interpretiert diese Befehle und gibt uns eine Antwort zurück.

Yay! WebStorm ist installiert und mit MySQL verbunden. Nun können Sie das erste Datenset importieren (nächste Aufgabe).

Guido Koch