एकीकृत VS Code सर्वर

code-server के माध्यम से RoqueOS के अंदर चलने वाला वास्तविक VS Code (fork नहीं, क्लोन नहीं)। वही इंजन जो आप डेस्कटॉप पर उपयोग करते हैं, मार्केटप्लेस से वही एक्सटेंशन, वही कॉन्फ़िगरेशन — किसी भी लॉग इन ब्राउज़र से सुलभ।

क्यों यह केवल "VS Code Web" नहीं है

मुफ्त वेब संस्करण (vscode.dev, github.dev) में कठोर सीमाएं हैं:

• ❌ ऐसे एक्सटेंशन नहीं चलाता जिनके लिए सर्वर पर Node.js की आवश्यकता हो (Python language server, full ESLint)
• ❌ "वास्तविक" Git नहीं है (केवल GitHub.com browse-only)
• ❌ एम्बेडेड टर्मिनल नहीं है
• ❌ debugger नहीं चलाता

code-server जो RoqueOS Server पर चलता है पूर्ण VS Code है:

• ✅ एक्सटेंशन मार्केटप्लेस काम करता है (कोई भी एक्सटेंशन)
• ✅ एम्बेडेड टर्मिनल सर्वर कंटेनर से कनेक्ट होता है
• ✅ पूर्ण Git (push, pull, branch, merge, stash)
• ✅ Node, Python, Go आदि के लिए debugger
• ✅ डिवाइसों के बीच सेटिंग्स सिंक (क्योंकि यह MS के सर्वर पर नहीं, आपके सर्वर पर है)
• ✅ dev सर्वर का लाइव प्रीव्यू (स्वचालित पोर्ट फॉरवर्ड)

कैसे खोलें

Launchpad → VS Code। पहली बार code-server को ऊपर लाने में ~10 सेकंड लगते हैं। बाद में तत्काल खुलता है।

साझा फ़ाइल सिस्टम

वही /home/user/ जो Terminal और Finder में दिखाई देता है:

• Finder में फ़ाइल बनाएं → VS Code के Explorer में दिखाई दे
• VS Code में कोड सहेजें → Terminal में git status दिखाए
• Terminal में wget → फ़ाइल Explorer में दिखाई दे

अनुशंसित एक्सटेंशन

मार्केटप्लेस काम करता है — लेकिन कुछ एक्सटेंशन प्रारंभिक सेटअप में बड़ा अंतर बनाते हैं:

आवश्यक:

• GitLens — git annotations inline, blame, history
• Error Lens — लाइन पर सीधे त्रुटियां (Problems पैनल पर जाने की आवश्यकता नहीं)
• Prettier + ESLint — फ़ॉर्मेटिंग + lint
• Path Intellisense — import paths में ऑटोकम्प्लीट

भाषाएं (अपने स्टैक के अनुसार इंस्टॉल करें):

• Volar — Vue 3
• Tailwind CSS IntelliSense — क्लासेस का ऑटोकम्प्लीट
• Python (Microsoft) — पूर्ण language server
• Go (Google) — आधिकारिक Go समर्थन
• rust-analyzer — Rust
• Java Extension Pack (Red Hat)

उत्पादकता:

• Todo Tree — पैनल में // TODO को एकत्र करता है
• Better Comments — // ! // ? // TODO का रंग-कोडिंग
• Material Icon Theme — फ़ोल्डर/फ़ाइल आइकन

Git वर्कफ़्लो

VS Code का एम्बेडेड टर्मिनल समान Ubuntu कंटेनर से कनेक्ट होता है। आप कर सकते हैं:

git clone git@github.com:your/repo
cd repo
git checkout -b feature/x
# ... कोडिंग ...
git add -A && git commit -m "feat: new feature"
git push origin feature/x

SSH keys /home/user/.ssh/ में रहते हैं (स्थायी)। एक बार जनरेट करें, GitHub में कॉन्फ़िगर करें, भूल जाएं।

dev सर्वर का लाइव प्रीव्यू

एम्बेडेड टर्मिनल में yarn dev चलाएं → VS Code पोर्ट का पता लगाता है (3000, 5173 आदि) → स्वचालित प्रॉम्प्ट "Open in browser?"। क्लिक → Roque Browser में खुलता है।

ngrok में हस्तक्षेप करने की आवश्यकता नहीं, पोर्ट फॉरवर्डिंग कॉन्फ़िगर करने की आवश्यकता नहीं।

नेटिव सेटिंग्स सिंक

आपकी प्राथमिकताएं (theme, keybindings, इंस्टॉल किए गए एक्सटेंशन, snippets) आपके सर्वर पर रहती हैं, /home/user/.config/code-server/ में। अपडेट के बीच स्थायी, कंटेनर के पुनः निर्माण को जीवित रहता है।

Microsoft की Settings Sync का उपयोग नहीं करता (जिसके लिए GitHub/Microsoft खाते की आवश्यकता है) — आप अपने डेटा के मालिक हैं।

Roque Code से अंतर

पहलू	Roque Code	VS Code (code-server)
कहाँ चलता है	ब्राउज़र (Monaco standalone)	सर्वर का Ubuntu कंटेनर
सेटअप	प्रत्येक उपयोगकर्ता के लिए काम करता	Server Mode की आवश्यकता है
Extensions	❌	✅ पूर्ण मार्केटप्लेस
Git	❌	✅
टर्मिनल	❌ (Terminal ऐप का उपयोग करें)	✅ एम्बेडेड
Debugger	❌	✅
फ़ाइल आकार	10MB तक अच्छा	कोई व्यावहारिक सीमा नहीं
भाषाएं (LSP)	50+ केवल syntax	पूर्ण IntelliSense के साथ 100+

सरल नियम:

• package.json या छोटा snippet संपादित करें → Roque Code (तेज़)
• Git के साथ fullstack प्रोजेक्ट → एकीकृत VS Code

प्रदर्शन

VS Code सर्वर के कंटेनर में चलता है — UI WebSocket के माध्यम से ब्राउज़र में आता है। विलंबता सर्वर की विलंबता पर निर्भर करती है:

• स्थानीय सर्वर (LAN): ~5-10ms — नेटिव VS Code से अप्रभेद्य
• Cloud सर्वर (Hetzner DE): 180-220ms — टाइपिंग में हल्की देरी होती है (कुंजी और वर्ण दिखाई देने के बीच ~200ms)

दूर सर्वर के साथ गहन विकास के लिए, विचार करें:

• अपनी मशीन पर स्थानीय RoqueOS Server (शून्य विलंबता)
• RoqueOS डेस्कटॉप ऐप (समान विलंबता, लेकिन tray + OS शॉर्टकट के साथ)

सीमाएं

• स्थानीय Snippets सर्वर पर सहेजते हैं (snippets के लिए Server Mode की आवश्यकता है)। Server Mode के बिना, VS Code नहीं (Roque Code का उपयोग करें जो केवल-ब्राउज़र है)।
• जटिल GUI debuggers जो अलग विंडो खोलते हैं (Chromium debug आदि) पूरी तरह से काम नहीं कर सकते हैं — एम्बेडेड टर्मिनल के माध्यम से "headless" debug बेहतर है।
• GPU acceleration कंटेनर के अंदर अनुपलब्ध — 3D रेंडर करने वाले एक्सटेंशन काम नहीं करते।

यह भी देखें

• Roque Code — Server Mode के बिना केवल-ब्राउज़र संपादक
• Linux Terminal — bash + roqueos-cli पूर्व-स्थापित
• Containers Manager — UI के माध्यम से Docker प्रबंधित करें
• App Store Docker — Plex, Nextcloud आदि इंस्टॉल करें