Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio

Visual Studio Code est un éditeur de code apprécié des développeurs. Il est puissant et évolutif. Pour les utilisateurs qui ont besoin de dessiner des organigrammes, Visual Studio Code fournit également une multitude d'extensions pour créer et modifier des organigrammes facilement et rapidement. Cet article expliquera en détail comment utiliser Visual Studio Code pour dessiner des organigrammes, notamment comment installer des extensions, créer des fichiers d'organigramme, ajouter des éléments et des lignes de connexion, etc. Grâce aux conseils de cet article, les utilisateurs peuvent facilement maîtriser la méthode de dessin d'organigrammes dans Visual Studio Code et améliorer l'efficacité du travail et les effets de communication.

Ouvrez d'abord le code Visual Studio sur votre ordinateur, cliquez sur les quatre boutons carrés à gauche

Saisissez ensuite le plug-in de requête draw.io dans la zone de recherche, cliquez sur installer

Après l'installation, créez un nouveau Fichier test.drawio

Sélectionnez ensuite le fichier test.drawio et entrez dans le mode d'édition

Il y a différents graphiques sur le côté gauche, sélectionnez à volonté pour dessiner l'organigramme

Après le dessin, cliquez sur Fichier. →Intégrer→svg

Choisissez d'intégrer ci-dessous

Copiez le code svg

Collez le code svg copié dans le code html

Ouvrez la page Web html et vous pourrez voir l'organigramme dessiné

Cliquez sur les images sur la page Web pour accéder à la page

Sur cette page, vous pouvez zoomer et dézoomer sur l'organigramme

Ici, nous choisissons de cliquer sur le motif au crayon dans le coin inférieur droit pour sauter vers la page d'édition de la page Web

Sur la page d'édition de la page Web, vous pouvez rééditer l'organigramme

Ici, vous pouvez sélectionner Fichier → Enregistrer, et enfin sélectionner l'image au format png à enregistrer

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!