VS Code में Claude Code: एक्सटेंशन का उपयोग कैसे करें

जैसा कि मैंने क्षमताओं वाले सेक्शन में कवर किया, बड़े बदलावों के लिए प्लान मोड अच्छा काम करता है। एक विवरण जिसे मैंने वहां छोड़ा: Claude पहले एक्सप्लोरेशन कमांड भी चलाता है और पूरा प्लान किसी फ़ाइल में सहेजता है। कुछ लिखे जाने से पहले अपनी टिप्पणियाँ जोड़ें। मुझे यह लिखित प्लान उपयोगी लगता है, भले ही अंत में मैं इसका अधिकतर हिस्सा बदल दूँ।

टार्गेटेड संदर्भ के लिए, लाइन रेंज के साथ @-मेंशन का उपयोग करें: @app.ts#5-10 Claude को किसी विशिष्ट हिस्से पर केंद्रित करता है। फाइलें प्रॉम्प्ट बॉक्स में ड्रैग करते समय Shift दबाए रखने से वे अटैचमेंट की तरह जुड़ जाती हैं। Mac पर Option+K (या Windows और Linux पर Alt+K) आपके मौजूदा फ़ाइल और चयन का @-मेंशन सीधे इंसर्ट करता है।

VS Code के काम के शॉर्टकट जो जानना उपयोगी है

ये शॉर्टकट Anthropic के VS Code एक्सटेंशन दस्तावेज़ से लिए गए हैं और पैनल में मैं इन्हें सबसे ज़्यादा उपयोग करता हूँ।

परमिशन मोड साइक्लिंग अब भी CLI में रहती है: इंटीग्रेटेड टर्मिनल में Shift+Tab दबाएँ ताकि डिफ़ॉल्ट, प्लान, और accept-edits मोड्स के बीच जाएँ। पूरी स्लैश-कमांड सूची के लिए हमारा Claude Code स्लैश कमांड्स गाइड देखें।

चेकपॉइंट्स सत्र के दौरान Claude की फ़ाइल एडिट्स को ट्रैक करते हैं। बातचीत के किसी भी संदेश पर होवर करें ताकि रिवाइंड बटन दिखे। विकल्प हैं: कोड बदलाव रखते हुए बातचीत को फोर्क करना, बातचीत इतिहास रखते हुए कोड को रिवाइंड करना, या दोनों। चेकपॉइंट्स 30 दिनों तक बने रहते हैं। वे bash कमांड्स को ट्रैक नहीं करते: rm, mv, और cp चेकपॉइंट सिस्टम से बाहर हैं। किसी भी विध्वंसक कार्य के लिए git अब भी सही सेफ़्टी नेट है।

VS Code में डिबगिंग और रिफैक्टरिंग के लिए Claude Code

दोनों वर्कफ़्लो एक जैसे कदमों का पालन करते हैं: Claude को संदर्भ दें, प्रस्तावित बदलाव की समीक्षा करें, परिणाम सत्यापित करें। दोनों में पेचीदा हिस्सा है सही संदर्भ इकट्ठा करना।

डिबगिंग

एरर साझा करें—सीधे पेस्ट करके, @terminal:name से टर्मिनल आउटपुट संदर्भित करके, या mcp__ide__getDiagnostics के जरिए Claude को Problems पैनल से खींचने देकर। Claude मूल कारण ट्रेस करता है, डिफ़ के रूप में फ़िक्स प्रस्तावित करता है, और आप सत्यापन के लिए अपने टेस्ट चलाते हैं।

Claude Code VS Code के नैटिव डिबगर से इंटीग्रेट नहीं करता: न ब्रेकपॉइंट, न स्टेप-थ्रू, न लाइव वेरिएबल्स। एरर-पेस्टिंग और डायग्नॉस्टिक्स वाला रास्ता ज़्यादातर मामलों को संभालता है। यदि आपको डिबगर विशेष रूप से चाहिए, तो एक कम्युनिटी MCP सर्वर (claude-debugs-for-you GitHub पर) गैप को ब्रिज करता है, लेकिन इसका अपना सेटअप चाहिए।

लाइव वेब डिबगिंग के लिए, @browser Claude को Chrome के Claude एक्सटेंशन (संस्करण 1.0.36 या अधिक) के जरिए Chrome से जोड़ता है। ऐसा प्रॉम्प्ट @browser go to localhost:3000 and check the console for errors Claude को बिना विंडो बदले लाइव ब्राउज़र स्टेट इंस्पेक्ट करने देता है।

रिफैक्टरिंग

Claude समन्वित फ़ाइल बदलावों को अच्छी तरह संभालता है: बड़े कोडबेस में किसी फ़ंक्शन का नाम बदलना, एक लाइब्रेरी से दूसरी में माइग्रेट करना। डिफ़ रिव्यू स्टेप ही इसे बेलगाम होने से रोकता है।

यहाँ CLAUDE.md फ़ाइल पूरे लेख में सबसे ज़्यादा मायने रखती है। प्रोजेक्ट-विशिष्ट परंपराएँ लोड किए बिना, Claude कोडबेस से अनुमानित पैटर्न पर डिफ़ॉल्ट करता है, जो हमेशा आपकी वास्तविक चाहत से मेल नहीं खाएँगे। जैसा कि सेटअप सेक्शन में कहा, /init आपको एक शुरुआती फ़ाइल देता है; बड़े रिफैक्टर सत्र से पहले इसे परिष्कृत करना दस मिनट के लायक है।

कॉन्टेक्स्ट कम्पैक्शन लंबी सत्रों की व्यावहारिक सीमा है। जब कॉन्टेक्स्ट विंडो भर जाती है, तो Claude पुराने संवाद का सारांश बनाकर स्वतः-कम्पैक्ट करता है। इसके बाद, वह पहले के निर्णयों का ट्रैक खो सकता है। नया चरण शुरू करने से पहले /compact मैन्युअली चलाना, बीच कार्य में ऑटो-कम्पैक्शन के शुरू होने का इंतज़ार करने से अधिक अनुमानित परिणाम देता है।

VS Code में Claude Code बनाम टर्मिनल वर्कफ़्लो

Anthropic का दस्तावेज़ VS Code एक्सटेंशन को "VS Code में Claude Code का अनुशंसित उपयोग" कहता है। एक्सटेंशन ऐसी चीज़ें जोड़ता है जो टर्मिनल नहीं दे सकता: साइड-बाय-साइड डिफ़ व्यूअर, एडिट किए जाने योग्य मार्कडाउन दस्तावेज़ में प्लान रिव्यू, अलग टैब्स में कई बातचीत, और लाइव वेब डिबगिंग के लिए @browser।

क्षमता में टर्मिनल जीतता है। ! bash शॉर्टकट, टैब कम्प्लीशन, पूरी स्लैश कमांड सेट, और ऐसे पाइप-आधारित वर्कफ़्लो जैसे tail -200 app.log | claude -p "..."—ये सब केवल CLI में हैं। MCP सर्वर कॉन्फ़िगरेशन भी सिर्फ़ टर्मिनल में होता है। एक्सटेंशन से आप मौजूदा सर्वर /mcp से मैनेज कर सकते हैं लेकिन नए जोड़ नहीं सकते।

दोनों एक-दूसरे के विपरीत नहीं हैं। VS Code के इंटीग्रेटेड टर्मिनल में claude चलाने से भी आपको IDE इंटीग्रेशन मिलता है: डिफ़ व्यूइंग, चयन संदर्भ साझा करना, और डायग्नॉस्टिक शेयरिंग—सब वहाँ से काम करता है। एक्सटेंशन में शुरू किए सत्रों को claude --resume के साथ टर्मिनल में जारी रखा जा सकता है। जब आप CLI को VS Code डिफ़ व्यूअर और डायग्नॉस्टिक्स ब्रिज से कनेक्ट करवाना चाहें, तो इंटीग्रेटेड टर्मिनल से claude --ide चलाएँ।

अधिकांश डेवलपर्स दोनों पर उतरते हैं: मल्टी-फ़ाइल काम और सावधानीपूर्वक समीक्षा के लिए VS Code, तेज़ कार्यों और ऑटोमेशन के लिए टर्मिनल। कुछ सब कुछ टर्मिनल में ही करते हैं, और सच कहें तो वह भी ठीक काम करता है। यदि आप VS Code के बजाय Cursor पसंद करते हैं, तो हमारा Cursor में Claude Code गाइड वही एक्सटेंशन वर्कफ़्लो वहाँ कवर करता है। हमारा पूरा CLI वर्कफ़्लो किसी भी तरह जानना फायदेमंद है।

VS Code में Claude Code बनाम GitHub Copilot

जैसा कि मैंने शुरुआत में कहा, "VS Code में Claude" का मतलब नेटिव एक्सटेंशन, GitHub Copilot मॉडल पिकर के जरिए Claude तक पहुँच, या इंटीग्रेटेड टर्मिनल में CLI—तीनों में से कुछ भी हो सकता है। नेटिव एक्सटेंशन और Copilot एक मॉडल साझा करते हैं, लेकिन प्रोडक्ट अलग हैं और दोनों अलग तरह से काम करते हैं।

Copilot के जरिए, Claude मॉडल GitHub के चैट और कम्प्लीशन पैराडाइम के अंदर चलता है: कोई लोकल OS सैंडबॉक्स नहीं, कोई कस्टम MCP इंटीग्रेशन नहीं, कोई नैटिव टर्मिनल कमांड नहीं। Claude Code एक्सटेंशन के जरिए, वही मॉडल 1M टोकन तक के कॉन्टेक्स्ट विंडो के साथ चलता है, फाइलों में फैले टास्क्स निष्पादित करता है, और चेकपॉइंट्स, प्लान मोड, तथा MCP सर्वर्स तक पहुँच रखता है।

दोनों टूल अलग कामों के लिए बने हैं। Copilot का मूल फीचर इनलाइन ऑटोकम्प्लीट है। Claude Code ऑटोकम्प्लीट करता ही नहीं। Copilot का एजेंट मोड काफ़ी बढ़ा है, लेकिन सामुदायिक बेंचमार्क में यह कई फाइलों में फैले टास्क्स पर अक्सर पीछे रहता है। कोई भी जन्मजात रूप से बेहतर नहीं।

नेटिव एक्सटेंशन और Copilot: वही मॉडल, अलग अनुभव। छवि लेखक द्वारा।

कीमत पर: Copilot Pro $10/माह है और 300 प्रीमियम रिक्वेस्ट देता है। Claude Code Pro $20/माह है। जो डेवलपर्स दोनों का उपयोग करते हैं, उनके बीच एक आम पैटर्न है $10 Copilot के लिए (टाइप करते समय ऑटोकम्प्लीट) और $20 Claude Code के लिए (विचारित, बड़े पैमाने के टास्क्स)। दोनों प्रोडक्ट वर्कफ़्लो के अलग हिस्सों को कवर करते हैं और ज़्यादा ओवरलैप नहीं होता। Anthropic ने GitHub के साथ साझेदारी भी की है ताकि Copilot के अंदर Claude मॉडल हों, जो ऑटोकम्प्लीट पक्ष को संभालता है।

सुरक्षा और गोपनीयता संबंधी विचार

Anthropic आपके कोड का उपयोग Claude मॉडल ट्रेन करने के लिए नहीं करता। Free, Pro, और Max उपयोगकर्ता अकाउंट सेटिंग्स में डेटा लॉगिंग से बाहर निकल सकते हैं; Team, Enterprise, और API प्लान डिफ़ॉल्ट रूप से बाहर रहते हैं। VS Code से परे परमिशन मोड्स, MCP सर्वर्स, और सैंडबॉक्स विवरणों के लिए हमारा Claude Code सुरक्षा गाइड देखें।

कुछ पाथ्स का सेट हर मोड में हमेशा सुरक्षित रहता है: .git, .vscode, .idea, .husky, और .claude (अपने वर्किंग सबडायरेक्टरीज़ के अपवाद के साथ), साथ ही .gitconfig, .gitmodules, और कई शेल व टूल कॉन्फ़िग फ़ाइलें। इसका महत्व ऑटो-एक्सेप्ट मोड में सबसे अधिक है, जो बिना रुके लिखता है और settings.json और tasks.json को छू सकता है। कमिट से पहले git डिफ़ जाँचें।

सैंडबॉक्सिंग bash कमांड्स को आपके वर्किंग डायरेक्टरी तक सीमित करती है और अनधिकृत नेटवर्क एक्सेस को ब्लॉक करती है। यह डिफ़ॉल्ट रूप से बंद है; /sandbox से इसे चालू करें।

ऑटो मोड प्रति-ऐक्शन स्वीकृति को एक क्लासिफ़ायर से बदलता है जो चलने से पहले ऐक्शंस की समीक्षा करता है, और बड़े पैमाने पर फाइल डिलीशन, अनधिकृत एंडपॉइंट्स पर डेटा भेजना, और main पर फोर्स-पुश जैसे कार्यों को ब्लॉक करता है। Anthropic इसे --dangerously-skip-permissions का एक सुरक्षित विकल्प बताता है।

लोकल ट्रांसक्रिप्ट्स प्लेनटेक्स्ट में ~/.claude/projects/ के अंतर्गत 30 दिनों तक संग्रहीत होते हैं (cleanupPeriodDays इसे समायोजित करता है)। Amazon Bedrock, Google Vertex AI, या Microsoft Foundry पर एंटरप्राइज़ सेटअप उन प्रदाताओं की डेटा शर्तों का पालन करते हैं। ऑटो मोड उन प्रदाताओं पर उपलब्ध नहीं है; इसके लिए सीधे Anthropic API चाहिए।

आम VS Code एक्सटेंशन समस्याओं का ट्रबलशूटिंग

अधिकतर सेटअप समस्याएँ छोटी सूची में आती हैं। मैं इन सब से कम-से-कम एक बार टकरा चुका हूँ।

• Spark आइकन ग़ायब: केवल फ़ोल्डर नहीं, कोई वास्तविक फ़ाइल खोलें। कमांड पैलेट से विंडो रीलोड करें (Developer: Reload Window), या स्टेटस बार (दाएँ-नीचे) में Spark एंट्री पर क्लिक करें, जो फ़ाइल खुले बिना भी काम करती है।

• एक्सटेंशन संघर्ष: यदि Claude Code सक्रिय होने में विफल हो, तो अन्य AI एक्सटेंशन (Cline, Continue, आदि) अस्थायी रूप से अक्षम करें।

• Restricted Mode: VS Code Restricted Mode में Claude Code नहीं चलता। वर्कस्पेस को trusted चिह्नित करें।

• Windows फाइल लॉकिंग: यदि बड़े मल्टी-फ़ाइल सत्रों में लिखना बीच में विफल हो, तो Explorer पेन समेटें और सक्रिय डिबगर को रोकें।

• macOS Tahoe Cmd+Esc संघर्ष: सिस्टम Game Overlay Cmd+Esc इंटरसेप्ट कर सकता है। यदि फोकस टॉगल काम करना बंद करे तो VS Code Keyboard Shortcuts (Cmd+K Cmd+S) में Claude Code: Focus input को फिर से बाँधें।

• Anthropic लॉगिन की जगह Bedrock या Vertex: आप Claude Code को क्लाउड प्रदाताओं के एंडपॉइंट्स की ओर इंगित कर सकते हैं। हमारा लोकल और वैकल्पिक मॉडल सेटअप गाइड बिना सब्सक्रिप्शन वाले मार्ग समझाता है।

यदि ऊपर में से कोई भी आपकी समस्या नहीं सुलझाए, तो Anthropic एक समर्पित ट्रबलशूटिंग गाइड बनाए रखता है।

सीमाएँ और समझौते

एक्सटेंशन CLI का एक सबसेट है। जैसा कि टर्मिनल तुलना सेक्शन में कवर किया गया, टैब कम्प्लीशन, ! bash शॉर्टकट, और पाइप-आधारित वर्कफ़्लो—ये सब केवल CLI में हैं, वैसे ही dontAsk मोड भी CI पाइपलाइंस के लिए।

बैकग्राउंड टास्क विज़िबिलिटी सीमित है; जिसे क़रीब से देखना हो, उसके लिए इंटीग्रेटेड टर्मिनल अधिक पारदर्शी है।

स्वीकृति प्रति फ़ाइल है, प्रति हंक नहीं: यदि Claude ने एक ही फ़ाइल में एक फ़ंक्शन सही और दूसरा गलत किया, तो आपको सब स्वीकार करना होगा और जो नहीं चाहिए था उसे मैन्युअल रूप से रिवर्ट करना होगा।

उपयोग सीमाएँ अधिकतर Pro उपयोगकर्ताओं को पहले खलती हैं। रेट लिमिट्स रोलिंग विंडो में चलती हैं, प्रति-संदेश नहीं, और पीक घंटों में तेज़ी से ख़त्म होती हैं। कभी-कभार के उपयोग के लिए Pro ठीक है; पूरे कार्यदिवस के लिए Max 5x या Max 20x अधिक यथार्थवादी है। मैं सामुदायिक अनुमानों पर निर्भर नहीं रहूँगा; Anthropic सटीक गिनती प्रकाशित नहीं करता और वे बदलती रहती हैं।

Windows पर, VS Code के प्रोजेक्ट एक्सप्लोरर और Claude की लिखने की क्रियाओं के बीच फाइल लॉकिंग macOS या Linux की तुलना में अधिक विफलताएँ पैदा करती है। बड़े मल्टी-फ़ाइल सत्रों से पहले एक्सप्लोरर पेन समेटना और सक्रिय डिबगर को रोकना इसे टाल देता है।

अंतिम विचार

VS Code में Claude Code एक टास्क-ओरिएंटेड कोडिंग एजेंट है जिसका UI समीक्षा-प्रथम है। डिफ़ व्यूअर, प्लान मोड, और चेकपॉइंट्स इसलिए हैं क्योंकि यह पकड़ना कि एजेंट ने वास्तव में क्या बदला, तेज़ ड्राफ्ट पाने से अधिक मायने रखता है।

टर्मिनल वर्कफ़्लो कहीं नहीं जा रहा, और स्क्रिप्टेड, स्वचालित, या CLI-भारी काम के लिए वह अब भी बेहतर सतह है। लेकिन यदि आप ऐसा काम कर रहे हैं जहाँ आप हर प्रस्तावित बदलाव को उतरने से पहले पढ़ना चाहते हैं, तो एडिटर बेहतर फिट है।

Claude Code साप्ताहिक अपडेट्स जारी करता है, इसलिए इस लेख के कुछ हिस्से जल्दी पुरानी हो सकते हैं। हमारे Claude Code सर्वोत्तम अभ्यास और Claude Code 2.1 गाइड अपडेटेड रहने के लिए अच्छे फॉलो-अप हैं। आधिकारिक चेंजलॉग रिलीज़ ट्रैक करता है। यदि यहाँ कुछ आपके दिखाई देने वाली चीज़ों से मेल नहीं खाता, तो पहले वहाँ जाँचें।

यदि आप Claude मॉडल और एजेंट वर्कफ़्लो के साथ संरचित अभ्यास चाहते हैं, तो मैं हमारे Introduction to Claude Models पाठ्यक्रम की सिफारिश करता हूँ।