يدمج هذا التمديد غير الرسمي Draw.io (المعروف أيضًا باسم Diagrams.net) في VS Code.
المذكورة في مدونة Diagrams.net الرسمية.
.drawio ، .dio ، .drawio.svg أو .drawio.png files in the draw.io editor.*.drawio ، *.drawio.svg أو *.drawio.png ..drawio.svg هي ملفات .svg التي يمكن تضمينها في ملفات GitHub ReadMe! لا حاجة للتصدير..drawio.png هي ملفات .png ! لا حاجة للتصدير. يجب أن تستخدم .svg على الرغم من ذلك كلما كان ذلك ممكنًا - تبدو أفضل بكثير!Draw.io: Convert To... الأمر.
يمكنك تحرير وحفظ .drawio.svg و .drawio.png . هذه الملفات صالحة تمامًا لـ SVG/PNG-تصورات تحتوي على مخطط Draw.io المدمج. كلما قمت بتحرير مثل هذا الملف ، يتم الحفاظ على جزء SVG/PNG من هذا الملف.
شعار هذا الامتداد هو ملف .drawio.png الذي تم إنشاؤه مع الامتداد نفسه!

إذا كانت الاختلافات مهمة بالنسبة لك ، فيجب أن تفضل .drawio وتجنب المخططات .drawio.png .
مع الإصدار 1.0 من هذا الامتداد ، تمت إضافة دعم مكثف لـ VS Code Liveshare. يمكنك الآن تحرير أو تقديم مخططات Draw.io عن بُعد ، أثناء رؤية مؤشر كل مشارك واختياره! يمكن استخدام هذا لمناقشة المخططات أو مراجعتها أو العصف الذهني. باستخدام أداة الرسم المجانية الخاصة بـ Draw.io ودعم اللاتكس المتكامل ، يصبح هذا التمديد حلًا متقدمًا للأبيض يمكن استخدامه في مقابلات الكود عن بُعد!

داخليًا ، يزامن هذا الامتداد مخططات Draw.io مع مستندات نصية. يتم مشاركة هذه المستندات النصية بواسطة Liveshare. نظرًا لأن Liveshare ليس له أي فهم للنص ، فقد تحدث تعارضات التعديل على التعديلات المتزامنة.
في شريط الحالة ، يمكنك تمكين أو تعطيل ميزة ارتباط الرمز. إذا تم تمكينه ونقر نقرًا مزدوجًا على عقدة تبدأ تسميتها بـ # ، فستقوم بإجراء بحث في مساحة العمل عن رمز يطابق بقية الملصق.
إذا كان لديك عقدة تحمل علامة #MyClass وفئة من الاسم MyClass ، فسوف تقفز إلى مصدرها إذا قمت بالنقر فوق العقدة!
يرجى ملاحظة أنه يتعين عليك فتح ملف واحد على الأقل من المشروع الذي يحتوي على الرمز. خلاف ذلك ، لن تنظر VS Code في هذا المشروع عند البحث عن الرموز. هذا الملف نفسه لا يجب أن يحتوي على الرمز رغم ذلك.
بفضل أحدث رعاة جيثب ، هذه الميزة مفتوحة المصدر ومتاحة بحرية الآن.
نصيحة : إذا فتحت محرر Draw.io على الجانب الأيمن (أي عمود المحرر الثاني) وانتقل إلى رمز ، سيبقى الرسم البياني مرئيًا.

موضوع "أطلس"

موضوع "كينيدي"

موضوع "مين"

موضوع "الظلام"

.svg مع محرر Draw.io بشكل افتراضي ، يتولى هذا الامتداد فقط ملفات *.drawio.svg . أضف هذا إلى ملف VS Code settings.json إذا كنت ترغب في ربطه بملفات .svg :
"workbench.editorAssociations" : {
"*.svg" : " hediet.vscode-drawio-text " ,
}لن تكون قادرًا على تحرير ملفات SVG التعسفية - فقط تلك التي تم إنشاؤها باستخدام Draw.io أو هذا الامتداد!
يمكنك فتح نفس ملف *.drawio . تتم مزامنتها ، بحيث يمكنك التبديل بينهما كما تحب. هذا عملي للغاية إذا كنت ترغب في استخدام Find/Replace لإعادة تسمية النص أو ميزات أخرى من الكود VS لتسريع عملية إنشاء/تحرير الرسم البياني. استخدم View: Reopen Editor With... أمر للتبديل بين النص أو محرر Draw.io. يمكنك فتح العديد من المحررين لنفس الملف. هذا لا معنى له بالنسبة لملفات SVG ، حيث يتم تخزين Draw.io Diagram في البيانات الوصفية.

إذا كنت تحب هذا الامتداد ، فقد يعجبك ملحقاتي الأخرى أيضًا: