IDE-Unterstützung

mdui ist speziell für VS Code und WebStorm optimiert. In diesen IDEs erhalten Sie Funktionen wie Codevervollständigung und Tooltip-Unterstützung.

VS Code

Über npm installiertes mdui

Wenn Sie mdui über npm installiert haben, können Sie die IDE-Unterstützung in VS Code für das aktuelle Projekt wie folgt aktivieren:

1. Erstellen Sie das Verzeichnis .vscode im Stammverzeichnis Ihres Projekts.
2. Erstellen Sie die Datei settings.json im Verzeichnis .vscode.
3. Fügen Sie den folgenden Code in die settings.json-Datei ein:

   {
     "html.customData": ["./node_modules/mdui/html-data.en.json"],
     "css.customData": ["./node_modules/mdui/css-data.en.json"]
   }
   

Wenn die settings.json-Datei bereits existiert, fügen Sie die beiden obigen Zeilen einfach in das Stammobjekt des JSON-Dokuments ein. Starten Sie VS Code nach der Änderung neu.

Über CDN verwendetes mdui

Wenn Sie mdui über ein CDN einbinden, können Sie die IDE-Unterstützung durch die Installation der mdui-VS-Code-Erweiterung erhalten.

Suchen Sie im Erweiterungsstore von VS Code nach mdui und wählen Sie das erste Suchergebnis zur Installation aus, oder klicken Sie hier, um es zu installieren. Nach der Installation ist die mdui-IDE-Unterstützung in allen Projekten aktiviert.

Es wird empfohlen, mdui über npm zu installieren und die settings.json-Datei zu konfigurieren, anstatt die VS Code-Erweiterung zu installieren, um sicherzustellen, dass die IDE-Unterstützung mit der verwendeten mdui-Version übereinstimmt.

WebStorm

Über npm installiertes mdui

Wenn Sie mdui über npm installiert haben, können Sie die IDE-Unterstützung in WebStorm für das aktuelle Projekt wie folgt aktivieren:

1. Fügen Sie den folgenden Code in das Stammobjekt der package.json-Datei im Projektstammverzeichnis ein:

   {
     "web-types": ["./node_modules/mdui/web-types.en.json"]
   }
   

Wenn im Stammobjekt der package.json-Datei bereits eine web-types-Eigenschaft existiert, fügen Sie einfach ./node_modules/mdui/web-types.en.json zum web-types-Array hinzu. Starten Sie WebStorm nach der Änderung neu.

Über CDN verwendetes mdui

Wenn Sie mdui über ein CDN einbinden, können Sie die IDE-Unterstützung durch die Installation des mdui-WebStorm-Plugins erhalten.

Suchen Sie im Plugin-Marktplatz von WebStorm nach mdui und wählen Sie das erste Suchergebnis zur Installation aus. Nach der Installation ist die mdui-IDE-Unterstützung in allen Projekten aktiviert.

Es wird empfohlen, mdui über npm zu installieren, um die IDE-Unterstützung zu erhalten, anstatt das WebStorm-Plugin zu installieren, um sicherzustellen, dass die IDE-Unterstützung mit der verwendeten mdui-Version übereinstimmt.

Unterschiede in der Unterstützung von VS Code und WebStorm

Es gibt einige Unterschiede in der Unterstützung von mdui für VS Code und WebStorm. Die folgende Tabelle listet die detaillierten Unterschiede auf: