इस पेज पर
संक्षेप में
- एक्सटेंशन इंस्टॉल करें, Spark आइकन से खोलें, साइन इन करें।
- आपको चैट पैनल, inline diff, फ़ाइल mentions और checkpoints मिलते हैं।
- एक्सटेंशन और टर्मिनल एक ही इंजन इस्तेमाल करते हैं।
Claude Code एक्सटेंशन क्या है?
हम RocketLauncher हैं, एक सॉफ़्टवेयर कंपनी, और हम हर दिन Claude Code के साथ बनाते हैं। VS Code एक्सटेंशन इसे इस्तेमाल करने का ग्राफ़िकल तरीका है। टर्मिनल में टाइप करने की जगह आप अपने कोड के बगल वाले पैनल में Claude से बात करते हैं। Claude आपका प्रोजेक्ट पढ़ सकता है, फ़ाइलें एडिट कर सकता है और कमांड चला सकता है, और हर बदलाव आप रखने से पहले खुद देखते हैं।
पहले क्या चाहिए
- VS Code 1.94.0 या उससे नया।
- पेड Claude प्लान (Pro, Max, Team या Enterprise) या Claude Console अकाउंट। फ़्री Claude प्लान में Claude Code नहीं आता। विकल्प जानने के लिए Claude Code मुफ़्त में कैसे इस्तेमाल करें देखें।
- काम करने के लिए एक प्रोजेक्ट फ़ोल्डर।
इंस्टॉल कैसे करें
- VS Code खोलें।
Ctrl+Shift+X(Windows और Linux) याCmd+Shift+X(Mac) से Extensions व्यू खोलें।- Claude Code सर्च करें और Anthropic का एक्सटेंशन इंस्टॉल करें।
Ctrl+Shift+PयाCmd+Shift+Pसे Command Palette खोलें।- Claude Code टाइप करें और Open in New Tab चुनें।
- कहा जाए तो अपने Claude या Console अकाउंट से साइन इन करें।
Cursor इस्तेमाल करते हैं? वही एक्सटेंशन वहाँ भी इंस्टॉल हो जाता है।
आपका पहला रन
- File, Open Folder से कोई प्रोजेक्ट फ़ोल्डर खोलें।
- कोई फ़ाइल खोलें। तब एडिटर के ऊपर दाईं ओर टूलबार में Spark आइकन दिखता है। Claude खोलने के लिए उस पर क्लिक करें।
- कोई छोटा, साफ़ टास्क टाइप करें, जैसे: "Explain what this project does and list the main files."
- जवाब पढ़ें। फिर कोई बदलाव माँगें, जैसे: "Add a short README section on how to run it."
- Claude बदलाव diff के रूप में सुझाता है। हर एक को accept या reject करें।
शुरुआत सिर्फ़ पढ़ने वाले सवाल से करें। इससे पता चलता है कि कुछ बदलने से पहले Claude आपके प्रोजेक्ट को कैसे देखता है।
मुख्य फ़ीचर
Inline diff और प्लान रिव्यू
Claude बदलाव एडिटर में diff के रूप में दिखाता है। आप उससे पहले प्लान बनाने को भी कह सकते हैं। प्लान पढ़ें, उसे एडिट करें, फिर Claude को उसे पूरा करने दें।
@-mentions
Claude को कोई फ़ाइल दिखाने के लिए @ टाइप करें। अगर आप कोड की कुछ लाइनें सेलेक्ट करते हैं, तो Claude को सेलेक्शन अपने-आप दिख जाता है। फ़ाइल और लाइन रेंज का रेफ़रेंस डालने के लिए Alt+K (Windows और Linux) या Option+K (Mac) दबाएँ।
टर्मिनल आउटपुट
टर्मिनल आउटपुट का हवाला @terminal:name से दें, जहाँ name टर्मिनल का टाइटल है। Claude एरर खुद पढ़ लेता है, आपको पेस्ट नहीं करना पड़ता।
Checkpoints
Claude अपनी की हुई फ़ाइल एडिट को ट्रैक करता है। किसी मैसेज पर होवर करने पर rewind बटन मिलता है, और आप अपना कोड उस बिंदु तक वापस ले जा सकते हैं।
टैब और हिस्ट्री
एक से ज़्यादा बातचीत अलग टैब या विंडो में खोलें। हर एक की अपनी हिस्ट्री रहती है। Spark आइकन पर रंगीन बिंदु बताता है कि किसी टैब को permission चाहिए या वह पूरा हो गया है।
सीखने लायक शॉर्टकट
| काम | Windows और Linux | Mac |
|---|---|---|
| एडिटर और Claude के बीच फ़ोकस बदलना | Ctrl+Esc | Cmd+Esc |
| नई बातचीत टैब में खोलना | Ctrl+Shift+Esc | Cmd+Shift+Esc |
| सेलेक्शन का @-mention डालना | Alt+K | Option+K |
नए macOS वर्शन में Cmd+Esc को सिस्टम शॉर्टकट ले सकता है। अगर कुछ न हो, तो सिस्टम सेटिंग बदलें।
समय बचाने वाले टिप्स
- प्रोजेक्ट के root में
CLAUDE.mdफ़ाइल जोड़ें, जिसमें आपके नियम और कमांड हों। Claude उसे हर सेशन की शुरुआत में पढ़ता है। - git इस्तेमाल करें। बड़े टास्क से पहले commit कर लें, ताकि हमेशा वापस जा सकें।
- एक बातचीत में एक ही टास्क रखें। अगले टास्क के लिए नया टैब खोलें।
- बदलाव के बाद Claude से अपने टेस्ट या बिल्ड चलवाएँ।
- जो काम बार-बार करते हैं, उनके लिए skills जोड़ें।
- जब Claude को असली ऐप तक पहुँचाना हो, तो MCP से टूल जोड़ें। शुरुआत हमारी non-developers के लिए MCP गाइड से करें।
अगर कुछ काम न करे
- Spark आइकन नहीं दिख रहा। यह तभी दिखता है जब एडिटर में कोई फ़ाइल खुली हो। कोई भी फ़ाइल खोलें और ऊपर दाईं ओर देखें।
- एक्सटेंशन लोड नहीं हो रहा। जाँचें कि VS Code 1.94.0 या नया है, और उसे रीस्टार्ट करें।
- साइन इन फ़ेल हो रहा है। पक्का करें कि आपके प्लान में Claude Code शामिल है। फ़्री Claude प्लान में नहीं है।
- Claude गलत फ़ोल्डर एडिट कर रहा है। VS Code में सही प्रोजेक्ट फ़ोल्डर खोलें, उसका parent फ़ोल्डर नहीं।
एक्सटेंशन या टर्मिनल?
दोनों एक ही Claude Code इंजन चलाते हैं। आपकी CLAUDE.md, सेटिंग और MCP सर्वर दोनों में काम करते हैं। अगर आपको पैनल, diff और क्लिक करना पसंद है, तो एक्सटेंशन चुनें। अगर आपको स्पीड और स्क्रिप्ट पसंद हैं, तो टर्मिनल चुनें। कई लोग दोनों इस्तेमाल करते हैं।
GoHighLevel के साथ इसे सर्विस बनाएँ
VS Code में सहज हो जाने के बाद आप स्थानीय बिज़नेस के लिए असली चीज़ें बना सकते हैं। एक आम प्रोजेक्ट है लैंडिंग पेज, लीड फ़ॉर्म या ऑटोमेशन का सेट, जिसमें Claude Code फ़ाइलें लिखता है और GoHighLevel पीछे CRM, मैसेज और बुकिंग चलाता है। आप Claude को अपने GoHighLevel अकाउंट से भी जोड़ सकते हैं, देखें Claude को GoHighLevel से कैसे जोड़ें। हमारा Claude Code + GoHighLevel किट एक पूरा प्रोजेक्ट क़दम-दर-क़दम दिखाता है, और बाकी किट रिसेप्शनिस्ट, वेबसाइट और लीड जनरेशन को कवर करते हैं। हम कमाई का कोई वादा नहीं करते। नतीजे आपके काम और आपके क्लाइंट पर निर्भर करते हैं।