VS Code में Claude Code: कनेक्ट और इंटीग्रेशन की जाँच कैसे करें

Claude Code और VS Code इंटीग्रेशन की परतें

यह इंटीग्रेशन तीन स्वतंत्र परतों से बना है। किसी एक में खराबी होने पर भी ऐसा लग सकता है कि Claude Code “जवाब नहीं दे रहा”, लेकिन कारण और समाधान अलग होते हैं।

परत 1 — CLI। आधिकारिक extension में Claude Code CLI शामिल है और वह integrated terminal से उपलब्ध होता है। अलग system installation केवल तब चाहिए जब CLI को extension bundle से अलग चलाना हो।

परत 2 — VS Code extension। Anthropic का आधिकारिक Claude Code extension graphical interface, side-by-side diff, फ़ाइलों के @mentions और session history देता है। जाँच की तारीख पर आधिकारिक दस्तावेज़ में VS Code 1.98.0 या उससे नए संस्करण की आवश्यकता थी।

परत 3 — API endpoint। Claude Code डिफ़ॉल्ट रूप से Anthropic API का उपयोग करता है। BetterToken के लिए configuration में ANTHROPIC_BASE_URL और ANTHROPIC_AUTH_TOKEN सेट करें; extension इन्हें अपने-आप Claude Code तक पहुँचाता है।

यह विभाजन diagnosis को आसान बनाता है: Dashboard में सफल record यह पुष्टि करता है कि BetterToken ने अनुरोध स्वीकार किया। IDE integration को current-file context और बनने वाले diff से अलग जाँचें।

रूस से BetterToken API endpoint से जुड़ने के लिए VPN या विदेशी virtual card आवश्यक नहीं है। अपना BetterToken account इस्तेमाल करें, dashboard में API key बनाएँ और Base URL दस्तावेज़ से लें।

अपना API key बनाएँ और BetterToken दस्तावेज़ के अनुसार Claude Code कॉन्फ़िगर करें: docs.bettertoken.ai/ai-tools/claude-code

BetterToken API key कैसे बनाएँ और endpoint कैसे जोड़ें

चरण 1. Account और API key बनाएँ

bettertoken.ai खोलें, registration पूरा करें और key-management section में जाएँ। नई API key बनाएँ और उसे copy कर लें; अगले चरण में इसकी ज़रूरत होगी।

चरण 2. Base URL नोट करें

Claude Code के लिए यह Anthropic-compatible Base URL इस्तेमाल करें:

https://www.bettertoken.ai

अंत में /v1 न जोड़ें। Claude Code API method का path अपने-आप जोड़ता है। /v1 वाला पता केवल Codex CLI जैसे OpenAI-compatible tools के लिए है।

चरण 3. ~/.claude/settings.json संपादित करें

macOS और Linux पर configuration ~/.claude/settings.json में होता है। Windows पर इसका स्थान %USERPROFILE%\.claude\settings.json है।

env block जोड़ें:

{
  "env": {
    "ANTHROPIC_BASE_URL": "https://www.bettertoken.ai",
    "ANTHROPIC_AUTH_TOKEN": "your_api_key_here"
  }
}

your_api_key_here को चरण 1 की key से बदलें। यदि फ़ाइल में दूसरे फ़ील्ड पहले से हैं, तो केवल "env" section जोड़ें और बाकी को न बदलें।

VS Code extension और CLI, दोनों यह फ़ाइल पढ़ते हैं; इसलिए settings साझा रहती हैं।

चरण 4. Extension की login screen बंद करें

VS Code settings खोलें (Cmd+, on Mac या Ctrl+, on Windows/Linux), Extensions → Claude Code पर जाएँ और Disable Login Prompt सक्षम करें। Third-party API provider के लिए यह Anthropic sign-in screen हटाता है; यह env configuration का विकल्प नहीं है।

VS Code से Claude Code कैसे शुरू करें

चरण 5. Extension install करें

Mac पर Cmd+Shift+X या Windows/Linux पर Ctrl+Shift+X दबाएँ, Anthropic का “Claude Code” खोजें और Install पर क्लिक करें।

Install के बाद extension icon न दिखे तो Command Palette से Developer: Reload Window चलाएँ।

जाँच की तारीख पर VS Code का न्यूनतम version 1.98.0 था। इसे Help → About में देखें।

चरण 6. फ़ाइल खोलें और panel शुरू करें

Editor में कोई भी फ़ाइल खोलें। Spark icon (✱) ऊपरी-दाएँ Editor Toolbar में केवल तभी दिखता है जब कोई फ़ाइल खुली हो। उस पर क्लिक करके chat panel खोलें।

Panel खोलने के दूसरे तरीके:

• Activity Bar — बाईं sidebar में Spark icon, जो हमेशा दिखता है।
• Command Palette (Cmd+Shift+P / Ctrl+Shift+P) → “Claude Code: Open in New Tab”.
• Status Bar → नीचे-दाएँ ✱ Claude Code, जो बिना खुली फ़ाइल के भी काम करता है।

चरण 7. जाँचें कि Claude को मौजूदा फ़ाइल दिख रही है

Code की कुछ lines select करें। Claude Code input field के नीचे selected lines की संख्या दिखाता है; इससे पुष्टि होती है कि extension current context पढ़ रहा है। अनुरोध में @file.ts#5-10 जैसा @reference जोड़ने के लिए Mac पर Option+K या Windows/Linux पर Alt+K दबाएँ।

Context, diff और Dashboard request कैसे सत्यापित करें

चरण 8. कम जोखिम वाला test request भेजें

कोई छोटी फ़ाइल खोलें—script या configuration—और Claude से छोटा, वापस किया जा सकने वाला बदलाव करने को कहें:

पहले function के सामने एक पंक्ति की टिप्पणी जोड़ें, जो संक्षेप में बताए कि वह क्या करता है।

या:

इस फ़ाइल में variable `tmp` का नाम बदलकर `result` कर दें।

लक्ष्य ऐसा ठोस बदलाव पाना है जिसे आप visual रूप से देख सकें।

चरण 9. Side-by-side diff की समीक्षा करें

जब Claude कोई edit सुझाता है, extension पहले और बाद की तुलना दिखाता है और अनुमति माँगता है। सुझाए गए बदलाव देखें, फिर Accept या Reject पर क्लिक करें।

अर्थपूर्ण diff दिखना यह पुष्टि करता है कि extension को model response मिला और edit मौजूदा फ़ाइल से जुड़ गया। BetterToken route को Dashboard में अलग से जाँचें।

चरण 10. BetterToken Dashboard में request देखें

bettertoken.ai खोलें और Dashboard या request history में जाएँ। उस test request के समय से मेल खाता record खोजें। आप समय, model, status, input, output और cache tokens के साथ संबंधित charge की तुलना कर सकते हैं।

यदि VS Code सही diff दिखाता है और Dashboard में उसी समय का सफल record मिलता है, तो तीनों परतें काम कर रही हैं: extension ने context भेजा, BetterToken ने request process की और response IDE में लौटा।

यदि परिणाम न मिले, तो इन संकेतों की तुलना करें:

• न response है, न Dashboard record — extension launch, env, Base URL और network connection जाँचें;
• Dashboard में error status वाला request है — उसे खोलकर key, model और error text जाँचें;
• VS Code में response या diff है, लेकिन उससे मेल खाता record नहीं — endpoint, request time और Dashboard filters फिर से जाँचें; BetterToken route अभी पुष्टि नहीं हुआ है।

Integration detect न हो तो क्या जाँचें

Spark icon नहीं दिखता

Editor Toolbar में Spark icon केवल खुली फ़ाइल के साथ दिखता है। यदि फ़ाइल खुली है और icon फिर भी नहीं दिख रहा:

1. VS Code version जाँचें: वह 1.98.0 या उससे नया होना चाहिए (Help → About)।
2. Command Palette से Developer: Reload Window चलाएँ।
3. Cline, Continue या GitHub Copilot जैसे दूसरे AI extensions को अस्थायी रूप से disable करें; कभी-कभी वे Editor Toolbar icons के साथ conflict करते हैं।

विकल्प के रूप में Status Bar में ✱ Claude Code इस्तेमाल करें। यह button बिना खुली फ़ाइल के भी काम करता है।

VS Code को terminal से environment variables नहीं मिलते

यदि shell में ANTHROPIC_BASE_URL सेट है, फिर भी extension sign in करने को कहता है, तो संभव है कि Spotlight या application menu से शुरू किया गया VS Code shell environment inherit न कर पाया हो।

VS Code को terminal से शुरू करें:

code .

इससे current environment VS Code को मिल जाता है। यदि यह तरीका सुविधाजनक न हो, तो variables को VS Code में Extensions → Claude Code → environmentVariables के अंतर्गत भी भरें।

Extension फिर से sign in करने को कहता है

पुष्टि करें कि Extensions → Claude Code में Disable Login Prompt enabled है। Third-party provider के लिए यह Anthropic sign-in screen को बंद करता है, लेकिन connection variables अलग से configured होने चाहिए।

Extension बदला हुआ configuration नहीं पढ़ता

अपने operating system के लिए settings.json path और JSON की validity जाँचें। अतिरिक्त comma या missing bracket होने पर env section load नहीं होगा। फिर Developer: Reload Window चलाएँ। यदि values shell या extension settings में भी सेट हैं, तो जाँचें कि उनमें पुराना Base URL या key न हो। शंका होने पर field names के लिए पुराने Blog fragment की जगह मौजूदा BetterToken दस्तावेज़ देखें।

Authentication error: 401 या response नहीं

इस क्रम में जाँचें:

1. Base URL — यह अंत में /v1 के बिना https://www.bettertoken.ai होना चाहिए। अतिरिक्त /v1 suffix कुछ methods पर 404 कर सकता है।
2. API key — value में spaces, line breaks या extra quotation marks न हों।
3. Variable conflict — यदि shell में ANTHROPIC_AUTH_TOKEN या ANTHROPIC_BASE_URL किसी दूसरे value के साथ पहले से सेट है, तो वह अपेक्षित configuration को override कर सकता है। Shell profile से conflicting variables हटाएँ या current session का environment पाने के लिए VS Code को code . से शुरू करें।

Dashboard कारणों को अलग करने में मदद करता है: record न होने पर पहले request dispatch, endpoint और network जाँचें; record में 401 हो तो key या उसके format को जाँचें।

BetterToken के साथ Claude Code setup का पूरा दस्तावेज़: docs.bettertoken.ai/ai-tools/claude-code