Maison > outils de développement > VSCode > Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

青灯夜游
Libérer: 2021-03-12 09:31:56
avant
13193 Les gens l'ont consulté

Cet article partagera avec vous un plug-in VSCode pratique : VSCode Drawio, qui vous permet d'utiliser VSCode pour dessiner des organigrammes, des cartes mentales et des diagrammes UML parfaits en quelques minutes. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

Recommandations associées : "Tutoriel vscode"

En tant qu'éditeur de code open source grand public, VSCode est populaire depuis sa sortie. Apprécié par de nombreux développeurs.

Auparavant, nous avons partagé de nombreux articles et recommandé de nombreux plug-ins pratiques (ou idiots) pour VSCode.

Par conséquent, de nombreux amis de l'eau plaisantent souvent en disant qu'il n'y a rien au monde que VSCode ne puisse pas faire.

Voyant que tout le monde est tellement obsédé par VSCode, j'aimerais aujourd'hui vous recommander un plug-in VSCode pratique : VSCode Drawio.

Quand vous entendez ce nom, vous pouvez probablement deviner qu'il a beaucoup à voir avec drawio.

Oui, il n'y a pas si longtemps, un ingénieur front-end allemand Henning Dieterichs a réussi draw.io Les fonctions sont intégrées dans VSCode et conditionnées sous forme de plug-ins que les développeurs peuvent télécharger et utiliser, vous permettant d'utiliser VSCode pour dessiner des organigrammes, des cartes mentales et des diagrammes UML parfaits en quelques minutes.

Son effet spécifique est le suivant :

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

Certains amis de l'eau pourraient être intéressés draw.io Je ne connais pas grand chose à ce produit, voici donc une brève présentation :

draw.io Il s'agit d'un outil de site Web prenant en charge le dessin en ligne. Il est apprécié par de nombreux utilisateurs en raison de son interface simple et intuitive et de ses fonctions riches et puissantes.

Visitez son site internet et vous verrez l'interface suivante :

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

http://draw.io

D'après l'image ci-dessus Nous peut voir clairement, draw.io Les fonctions dont il dispose sont très complètes et peuvent facilement répondre à nos besoins quotidiens en matière de dessin graphique.

Pas seulement ça, draw.io Il prend également en charge l'enregistrement de graphiques sur des lecteurs cloud tels que Google Drive et One Drive, permettant aux utilisateurs de les synchroniser et de les lire à tout moment.

En raison du grand nombre de personnes utilisant cet outil, les développeurs ont également soigneusement traduit la copie internationale. Par conséquent, les étudiants qui ne maîtrisent pas très bien l’anglais n’ont pas à trop s’inquiéter.

De plus, toutes les fonctions que vous pouvez voir ci-dessus sont gratuites et ouvertes au public pour toujours, vous pouvez donc les utiliser comme bon vous semble !

Comment un outil aussi puissant et pratique peut-il manquer de VSCode ?

Grâce au travail acharné de l'auteur Henning Dieterichs, VSCode est désormais parfaitement intégré drwa.io, les utilisateurs n'ont qu'à cliquer sur la souris et installer le plug-in pour en faire l'expérience immédiatement sur VSCode draw.io toutes les fonctions essentielles.

Un tel artefact a réussi à gagner plus de 3 300 étoiles en moins d'une semaine après sa publication sur GitHub, ce qui montre sa popularité.

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

Par rapport au site Web, ce plug-in VSCode a une différence évidente, c'est-à-dire que lorsque vous dessinez et concevez un organigramme, si un certain texte ou vocabulaire nécessite à modifier par lots, vous pouvez alors programmer directement le fichier source XML de l'organigramme et effectuer une recherche et un remplacement par lots. Vous pouvez également modifier directement la couleur d'arrière-plan d'un nœud dans le diagramme dans le fichier XML.

L'effet spécifique est le suivant :

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

De plus, ce plug-in a également une fonction plus puissante, qui consiste à prendre en charge la modification de . fichiers drawio.png.

Lorsque vous constatez que le fichier au format png de l'organigramme est erroné, vous pouvez apporter des modifications et des ajustements à l'image png à tout moment, puis la générer à nouveau.

Cette fonctionnalité sera très utile partout où vous aurez besoin d'utiliser l'affichage d'organigrammes dans vos projets GitHub, vos articles techniques ou vos PPT vocaux.

Partagez un plug-in pratique : VSCode Drawio, qui permet à VSCode de dessiner des organigrammes ! !

Un peu regrettable, l'auteur a déclaré que l'API VSCode actuellement appelée par cette fonction n'est pas encore stable, donc cette nouvelle fonctionnalité n'est pas encore sortie, et vous devez attendre . Il sera publié avec la prochaine mise à jour de VSCode, vous pouvez donc l'attendre avec impatience.

Enfin, je vous donnerai l'adresse GitHub du plug-in. Les étudiants intéressés peuvent l'installer et l'essayer : github.com/hediet/vscod e-drawio

Pour plus de connaissances liées à la programmation, veuillez visiter :

Vidéo de programmation ! !

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!

Étiquettes associées:
source:zhihu.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal