होम

Mac पर VS Code से Claude Code का उपयोग करें

आपने अपने Mac पर Claude Code इंस्टॉल कर लिया है - अब आप अपने कोड के साथ काम करने के लिए एक विज़ुअल एडिटर चाहते हैं। VS Code आपको फ़ाइलों को विज़ुअली संपादित करने देता है, जबकि आप इंटीग्रेटेड टर्मिनल में Claude Code चलाते हैं। इसे ऐसे समझें जैसे आपका कोड एडिटर और AI सहायक एक ही विंडो में साथ-साथ हों।

मुख्य अवधारणाएँ

• VS Code - Microsoft का एक मुफ़्त कोड एडिटर जो Mac पर चलता है
• इंटीग्रेटेड टर्मिनल (Integrated Terminal) - VS Code के अंदर एक टर्मिनल पैनल जहाँ आप Claude Code चलाते हैं
• एक्सप्लोरर पैनल (Explorer Panel) - VS Code के बाईं तरफ़ का फ़ाइल ब्राउज़र

आपको क्या चाहिए

• पूरा किया हुआ Mac पर Claude Code इंस्टॉल करना
• पूरा किया हुआ VS Code की बुनियादी बातें ट्यूटोरियल
• 10-15 मिनट

चरण 1: VS Code शुरू करें

• Finder खोलें और Applications पर जाएँ
• Visual Studio Code ढूँढें और उस पर डबल-क्लिक करें
• अगर आपको चेतावनी दिखे “Visual Studio Code is an app downloaded from the internet”, तो Open पर क्लिक करें
• VS Code एक Welcome टैब के साथ खुलता है - आप इस टैब को बंद कर सकते हैं

सुझाव: बाद में आसान पहुँच के लिए Dock में VS Code पर राइट-क्लिक करें और Options > Keep in Dock चुनें।

चरण 2: एक प्रोजेक्ट फ़ोल्डर बनाएँ

• Finder खोलें
• बाईं साइडबार में Documents पर क्लिक करें
• मेनू बार में File पर क्लिक करें, फिर New Folder
• फ़ोल्डर का नाम test_claude रखें

चरण 3: फ़ोल्डर को VS Code में खोलें

• VS Code में, मेनू बार में File पर क्लिक करें, फिर Open Folder
• Documents पर जाएँ और अपने बनाए हुए test_claude फ़ोल्डर को चुनें
• Open पर क्लिक करें
• अगर पूछा जाए “Do you trust the authors of the files in this folder?”, तो Yes, I trust the authors पर क्लिक करें

अब आपको बाईं तरफ़ के एक्सप्लोरर पैनल में TEST_CLAUDE दिखना चाहिए।

चरण 4: Claude Code शुरू करें और लॉग इन करें

• एक नया टर्मिनल खोलें: मेनू बार में Terminal पर क्लिक करें, फिर New Terminal
• VS Code के नीचे एक टर्मिनल पैनल दिखाई देता है
• टर्मिनल में टाइप करें:

  claude
  

• अगर Claude Code आपसे लॉग इन करने के लिए कहे, तो इंस्टॉलेशन ट्यूटोरियल में दिए गए लॉग इन के चरणों का पालन करें। Claude Code के लिए एक पेड Claude प्लान (जैसे Pro या Max) या Anthropic Console अकाउंट चाहिए — मुफ़्त (free) प्लान में यह शामिल नहीं है।
• आपको एक स्वागत संदेश और Claude Code प्रॉम्प्ट दिखेगा
• अब आप VS Code में फ़ाइलें संपादित करते हुए Claude Code का उपयोग कर सकते हैं

नोट: लॉग इन आपको सिर्फ़ एक बार करना है — अगली बार से Claude Code सीधे स्वागत संदेश दिखाएगा।

चरण 5: वर्कफ़्लो टेस्ट करें

• Claude Code में टाइप करें:

  एक छोटा-सा लेख लिखें जिसमें बताया गया हो कि LLM Markdown फ़ॉर्मेट का उपयोग करना क्यों पसंद करते हैं। इसे article.md के रूप में सेव करें
  

• Claude Code फ़ाइल बनाता है - आपको बाईं तरफ़ के एक्सप्लोरर पैनल में article.md दिखाई देगी
• इसे एडिटर में देखने के लिए एक्सप्लोरर में article.md पर क्लिक करें
• फ़ॉर्मेट किए गए लेख को प्रीव्यू करने के लिए: article.md एडिटर के अंदर राइट-क्लिक करें और Markdown Preview Enhanced: Open Preview to the Side चुनें (यह VS Code की बुनियादी बातें ट्यूटोरियल वाला एक्सटेंशन है)। अगर आपके पास यह एक्सटेंशन नहीं है, तो इसके बजाय article.md टैब पर राइट-क्लिक करें और Open Preview चुनें
• आपको Markdown सही हेडिंग्स, बुलेट पॉइंट्स, और फ़ॉर्मेटिंग के साथ रेंडर होता हुआ दिखेगा

बाद में VS Code में Claude को फिर से खोलना

VS Code बंद करने के बाद, अपने प्रोजेक्ट पर वापस लौटने का तरीका यह है:

• विकल्प A: VS Code खोलें, File > Open Recent पर क्लिक करें, और test_claude चुनें
• विकल्प B: Terminal खोलें, cd ~/Documents/test_claude से अपने प्रोजेक्ट पर जाएँ, और code . टाइप करें

VS Code आपके हाल के फ़ोल्डरों को याद रखता है, इसलिए Open Recent वाला विकल्प A आमतौर पर सबसे तेज़ होता है।

अगले कदम

• Claude Code से किसी मौजूदा कोडबेस को समझाने के लिए कहें: “बताएँ कि यह प्रोजेक्ट क्या करता है”
• Claude Code से नई सुविधाएँ लिखवाएँ: “एक फ़ंक्शन जोड़ें जो किसी लिस्ट का औसत निकाले”
• बग ठीक करने के लिए Claude Code का उपयोग करें: “यह कोड एक त्रुटि दे रहा है, क्या आप इसे ठीक कर सकते हैं?”
• विज़ुअल चैट पैनल और इनलाइन diffs के लिए Claude Code एक्सटेंशन आज़माएँ। VS Code के टर्मिनल में claude चलाने पर यह आमतौर पर अपने आप इंस्टॉल हो जाता है (अगर नहीं, तो Extensions में “Claude Code” खोजें)। कोई भी फ़ाइल खोलें, फिर एडिटर के ऊपर-दाएँ कोने में Spark आइकन पर क्लिक करें

समस्या निवारण

• टर्मिनल में “zsh” दिखता है पर Claude Code शुरू नहीं होता - सुनिश्चित करें कि Claude Code सही तरीके से इंस्टॉल है; इसे जाँचने के लिए claude --version चलाएँ
• Terminal में “code” कमांड नहीं मिलता - VS Code में, मेनू बार में View पर क्लिक करें, फिर Command Palette, “shell command” टाइप करें, और Shell Command: Install ‘code’ command in PATH चुनें
• VS Code नहीं खुलता क्योंकि यह किसी अज्ञात डेवलपर से है - System Settings > Privacy & Security पर जाएँ और Open Anyway पर क्लिक करें

वर्कफ़्लो का अवलोकन

• VS Code विज़ुअल एडिटर इंटरफ़ेस देता है
• इंटीग्रेटेड टर्मिनल VS Code के अंदर Claude Code चलाता है
• आपकी फ़ाइलें आपके Documents फ़ोल्डर में (या जहाँ भी आप चुनें) रहती हैं
• एडिटर में फ़ाइलें संपादित करें, टर्मिनल में Claude Code से बात करें - दोनों का पूरा फ़ायदा

निर्माता Steven Ge, 10 दिसंबर, 2025।