इस प्रोजेक्ट के बारे में
# Draw.io VS Code एकीकरण
यह अनौपचारिक एक्सटेंशन [Draw.io](https://app.diagrams.net/) (जिसे [diagrams.net](https://www.diagrams.net/) के रूप में भी जाना जाता है) को Visual Studio Code में एकीकृत करता है। इसे आधिकारिक diagrams.net ब्लॉग में उल्लेखित किया गया है।
## विशेषताएँ
- **डाइग्राम फ़ाइलें संपादित करें**: `.drawio`, `.dio`, `.drawio.svg` या `.drawio.png` फ़ाइलें Draw.io संपादक इंटरफ़ेस का उपयोग करके संपादित करें।
- नया डाइग्राम बनाने के लिए, इनमें से किसी एक एक्सटेंशन के साथ एक खाली फ़ाइल बनाएं और उसे खोलें।
- `.drawio.svg` फ़ाइलें वैध SVG हैं जिन्हें निर्यात किए बिना सीधे GitHub README में एम्बेड किया जा सकता है।
- `.drawio.png` फ़ाइलें वैध PNG छवियाँ हैं। हालाँकि समर्थित हैं, बेहतर गुणवत्ता के लिए SVG की सिफ़ारिश की जाती है।
- फ़ॉर्मेट के बीच स्विच करने के लिए `Draw.io: Convert To...` कमांड का उपयोग करें。
- **ऑफ़लाइन मोड**: डिफ़ॉल्ट रूप से Draw.io का ऑफ़लाइन संस्करण उपयोग करता है, जिससे गोपनीयता सुनिश्चित होती है और संपादन के दौरान कोई बाहरी निर्भरता नहीं होती।
- **थीम्स**: कई Draw.io थीम्स उपलब्ध हैं, जिनमें "atlas", "Kennedy", "min" और "dark" शामिल हैं।
- **सहयोग**: [VS Code Liveshare](https://visualstudio.microsoft.com/de/services/live-share/) के लिए पूर्ण समर्थन। डाइग्राम दूरस्थ रूप से सहयोगात्मक रूप से संपादित या प्रस्तुत करें, प्रत्येक प्रतिभागी का कर्सर और चयन देखें। यह दूरस्थ कोड इंटरव्यू, ब्रेनस्टॉर्मिंग और समीक्षाओं के लिए उपयुक्त है। ध्यान दें: एक साथ संशोधन टकराव का कारण बन सकते हैं क्योंकि Liveshare टेक्स्ट दस्तावेज़ों को सिंक करता है।
- **कोड लिंक फ़ीचर**: स्टेटस बार में यह फ़ीचर सक्षम करें। `#` लेबल वाले नोड (जैसे `#MyClass`) पर डबल-क्लिक करने से संबंधित सिंबल के लिए वर्कस्पेस खोज होती है और उसके स्रोत कोड पर कूद जाता है। सिंबल वाली फ़ाइल में से कम से कम एक फ़ाइल खुली होनी चाहिए।
- **मार्कडाउन में इनलाइन डाइग्राम (प्रयोगात्मक)**: VS Code Insiders में, `drawio` टैग वाले फेंस्ड कोड ब्लॉक मार्कडाउन पूर्वावलोकन में लाइव, रिज़ाइज़ेबल संपादक के रूप में रेंडर होते हैं। संपादन स्रोत ब्लॉक में वापस लिखा जाता है。`locked` और `height=N` जैसे गुण समर्थित हैं।
- **साइड-बाय-साइड संपादन**: एक ही `.drawio` फ़ाइल को विज़ुअल Draw.io संपादक और कच्चे XML दोनों में खोलें। वे सिंक रहते हैं, जिससे आप VS Code की खोज/प्रतिस्थापन या अन्य टेक्स्ट विशेषताओं का उपयोग करके डाइग्राम निर्माण को तेज़ कर सकते हैं।
## कॉन्फ़िगरेशन
### `.svg` फ़ाइलें जोड़ें
डिफ़ॉल्ट रूप से, एक्सटेंशन केवल `*.drawio.svg` फ़ाइलें संभालता है। सभी `.svg` फ़ाइलें Draw.io संपादक से जोड़ने के लिए, अपने `settings.json` में निम्नलिखित जोड़ें:
```json
"workbench.editorAssociations": {
"*.svg": "hediet.vscode-drawio-text"
}
```
*नोट: केवल Draw.io या इस एक्सटेंशन से बनाए गए SVG को इस प्रकार संपादित किया जाना चाहिए।*
## योगदानकर्ता
- Henning Dieterichs ([hediet](https://github.com/hediet)) - मुख्य योगदानकर्ता / लेखक
- Vincent Rouillé ([Speedy37](https://github.com/Speedy37))
## और देखें
- [Draw.io](https://app.diagrams.net/): इस एक्सटेंशन को संचालित करने वाला कोर इंजन।
- [vscode-drawio](https://github.com/eightHundreds/vscode-drawio): eightHundreds द्वारा एक समान एक्सटेंशन।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.