Operation Manual

Code-Linting
Nach oben
Nach oben
Einsteigern können ebenso wie erfahrenen Programmierern immer einmal versehentlich oder aufgrund
fehlender Informationen Fehler beim Verfassen von Code unterlaufen. Wenn die Darstellung der Webseite
oder auch nur eines Teils nicht Ihren Erwartungen entspricht, müssen Sie den Code debuggen, um Syntax-
oder Logikfehler zu finden. Das Debuggen kann äußerst mühsam und zeitaufwendig sein, insbesondere bei
komplexen Implementierungen.
Dreamweaver vereinfacht und erleichtert durch Linting das Debuggen von Code, um häufige Fehler zu
ermitteln. Als Linting wird das Analysieren von Code bezeichnet, um potenzielle Fehler und verdächtige
Codeabschnitte zu kennzeichnen. Durch Linting in Dreamweaver werden beispielsweise HTML-Syntaxfehler,
Analysefehler in CSS oder Warnungen in JavaScript-Dateien gekennzeichnet.
Die gefundenen Fehler und Warnungen werden in einem eigenen Bedienfeld (dem Ausgabe-Bedienfeld)
aufgeführt, das am unteren Rand des Arbeitsbereichs angedockt ist. Sie können von jeder Zeile im
Bedienfeld zu dem Codeabschnitt wechseln, in dem der Fehler aufgetreten ist, und so den Code einfach
finden und korrigieren. Außerdem werden die Zeilennummern des fehlerhaften Codes markiert: Rot für Fehler
und Gelb für Warnungen. Wenn Sie mit der Maus auf die markierten Zeilennummern zeigen, wird eine
Vorschau des Fehlers oder der Warnung in einem Popupfenster angezeigt.
Das Linting von HTML-, CSS- und JavaScript-Dateien in Dreamweaver funktioniert wie folgt:
1. Legen Sie Linting-Regeln fest, indem Sie die HTML-, CSS- und JS-
Konfigurationsdateien bearbeiten. Weitere Informationen finden Sie unter Linting-Regeln
festlegen.
2. Aktivieren Sie Linting und geben Sie an, wann Linting ausgelöst werden soll. Das Linting
der Dateien kann beim Laden, Speichern oder Bearbeiten erfolgen. Weitere
Informationen finden Sie unter Linting aktivieren und Voreinstellungen festlegen.
In den Dateien gefundene Fehler und Warnungen werden im Ausgabe-Bedienfeld angezeigt. Weitere
Informationen finden Sie unter Linting-Ergebnisse und das Ausgabe-Bedienfeld.
Linting aktivieren und Voreinstellungen festlegen
Klicken Sie auf „Bearbeiten“ > „Voreinstellungen“ (Windows) bzw. „Dreamweaver“ > „Voreinstellungen“ (Mac).
Wählen Sie in der Liste „Kategorie“ den Eintrag „Linting“.
Wählen Sie „Linting aktivieren“.
Geben Sie einen oder mehrere Auslöser für das Linting an. Sie können festlegen, dass
Linting beim Laden, Speichern und/oder Bearbeiten der Datei ausgelöst wird.
Linting-Regeln festlegen
Das Linting ist für HTML-, CSS- und JS-Dateien möglich, indem Sie die Linting-Regeln in den
504