Kanji
・Cloud Engineer / Freelance ・Geboren 1993 ・Aus Ehime / Wohnhaft in Shibuya, Tokio ・5 Jahre AWS-Erfahrung Profildetails
Inhaltsverzeichnis
In dieser Anleitung wird davon ausgegangen, dass Sie die Visual Studio Code-Erweiterung „Draw.io Integration“ installiert haben. Mit dieser Erweiterung können Sie Symbole im XML-Format als benutzerdefinierte Bibliotheken registrieren. Auf der Website https://app.diagrams.net/ können Sie Symbole hinzufügen, die nicht standardmäßig enthalten sind, indem Sie eine benutzerdefinierte Bibliothek erstellen. Mit der VS Code-Erweiterung können Sie jedoch keine benutzerdefinierten Bibliotheken direkt erstellen. Um benutzerdefinierte Symbole in VS Code hinzuzufügen, müssen Sie zunächst eine benutzerdefinierte Bibliothek auf der Website erstellen und herunterladen und sie dann in der Draw.io-Integrationserweiterung registrieren.
In diesem Leitfaden erklären wir, wie Sie die unter m-radzikowski/diagrams-aws-icons: Diagramme.net-Formbibliotheken mit AWS Architecture Icons veröffentlichte XML-Datei herunterladen und in der Draw.io-Integrationserweiterung registrieren. Der Prozess besteht aus zwei Schritten: Schritt 1 besteht darin, die AWS-Symbole herunterzuladen, und Schritt 2 besteht darin, die benutzerdefinierte Bibliothek in Ihren Visual Studio Code-Benutzereinstellungen zu registrieren.
Laden Sie zunächst die erforderliche XML-Datei von m-radzikowski/diagrams-aws-icons: Diagramme.net-Formbibliotheken mit AWS Architecture Icons herunter. Zum Zeitpunkt des Schreibens ist die neueste Version AWS Architecture Icons 20240206.xml . Speichern Sie die XML-Datei nach dem Herunterladen in einem beliebigen Verzeichnis.Sie können beispielsweise in Ihrem Benutzerverzeichnis ein Verzeichnis namens „vscode-drawio“ erstellen und es dort speichern. Der Pfad könnte wie folgt aussehen: „/Users/user01/vscode-drawio/AWS Architecture Icons 20240206.xml“.
Öffnen Sie als Nächstes Visual Studio Code und drücken Sie die folgenden Tasten, um die Benutzereinstellungen zu öffnen (Windows: „Strg + ,“, Mac: „Befehl + ,“).Geben Sie „drawio“ in das Suchfeld ein und wählen Sie „Drawio: Benutzerdefinierte Bibliotheken“.Klicken Sie dann auf „In Settings.json bearbeiten“.
Fügen Sie die folgende Einstellung zu Ihrer „settings.json“ hinzu.Sie können „entryId“ und „libName“ auf einen beliebigen Wert setzen und für „file“ den Pfad zur XML-Datei angeben, die Sie heruntergeladen haben.
"hediet.vscode-drawio.customLibraries": [ { "entryId": "AWS-20240206", // https://github.com/m-radzikowski/diagrams-aws-icons "libName": "AWS-20240206", "file": "/Users/user01/vscode-drawio/AWS Architecture Icons 20240206.xml" } ]
Nachdem Sie die Einstellungen gespeichert haben, starten Sie Visual Studio Code neu.Erstellen und öffnen Sie nach dem Neustart eine Draw.io-Datei (z. B. „test.drawio“). Klicken Sie im linken Bereich auf „Andere Formen“.
Aktivieren Sie im Abschnitt „Benutzerdefinierte Bibliothek“ das Kontrollkästchen für den Namen, den Sie in „libName“ festgelegt haben (z. B. AWS-20240206), und klicken Sie dann auf „Übernehmen“.(In meiner Umgebung wurde der Bibliotheksname aus irgendeinem Grund in Schwarz angezeigt.)
Wenn „AWS-20240206“ im linken Bereich angezeigt wird, ist die Einrichtung abgeschlossen.