← ब्लॉग पर वापस

Cocos Creator 3.x MCP इंस्टॉल गाइड: एक्सटेंशन आयात कर AI IDE कनेक्ट करें

VberAI Cocos Creator 3.x MCP Pro को चरणबद्ध इंस्टॉल करें—एक्सटेंशन मैनेजर से आयात, खाता सक्रिय करें, स्थानीय MCP सर्वर शुरू करें, और Cursor, Claude, Codex या अन्य MCP-सक्षम AI IDE में कनेक्शन जाँचें।

प्रकाशित
  • cocos
  • cocos-creator
  • mcp
  • cursor
  • tutorial
  • cocos-mcp
  • ai

यह गाइड क्या कवर करता है

Cocos Creator 3.x MCP (VberAI Pro) को स्थानीय क्रिएटर प्रोजेक्ट से जोड़ने के लिए इन पाँच चरणों का पालन करें ताकि Cursor (या कोई अन्य MCP-सक्षम AI IDE—समान विचार) संपादक को संचालित, पूर्वावलोकन और डीबग कर सके—न कि केवल डिस्क पर स्क्रिप्ट संपादित करे।

जब आप समाप्त करेंगे, तो आपको सक्षम होना चाहिए:

  • एक्सटेंशन मैनेजर के माध्यम से cocos-mcp-server आयात और सक्षम करना
  • VberAI खाते या ईमेल + सक्रियण कोड के साथ सक्रिय करना
  • स्थानीय Cocos MCP Server शुरू करना (डिफ़ॉल्ट पोर्ट 3000)
  • त्वरित कॉन्फ़िगर → ऑटो कॉन्फ़िगर का उपयोग करके कर्सर में सर्वर पंजीकृत करना और कनेक्शन की पुष्टि करना

उत्पाद पृष्ठ: VberAI Cocos MCP 3.x

यह लेख Cursor को उदाहरण के रूप में उपयोग करता है। Claude Code, Windsurf, Cline, और अन्य MCP क्लाइंट समान प्रवाह का पालन करते हैं।

पूर्वापेक्षाएँ

आइटमनोट्स
Cocos Creator3.0+ (कोई भी 3.x प्रोजेक्ट)
प्लगइन पैकेजआधिकारिक साइट से Cocos Creator 3.x MCP Pro संग्रह
सक्रियणVberAI खाता + पासवर्ड, या ईमेल + सक्रियण कोड
AI IDECursor अनुशंसित; अन्य MCP क्लाइंट भी काम करते हैं
स्थानीय नेटवर्कMCP ब्रिज आमतौर पर 127.0.0.1 पर चलता है—पोर्ट को सार्वजनिक रूप से उजागर न करें

चरण 1: Cocos Creator 3.x MCP डाउनलोड करें

VberAI साइट से Pro बिल्ड डाउनलोड करें:

डाउनलोड पृष्ठ: https://www.vberai.com/game-engines/cocos?ch=CQZLC2FG

सुझाया गया प्रवाह:

  1. पृष्ठ खोलें और अपने खाते की अनुमतियों के साथ Cocos MCP 3.x Pro डाउनलोड करें
  2. संग्रह को स्थानीय रूप से सहेजें—अभी तक इसे प्रोजेक्ट में अनज़िप करने की आवश्यकता नहीं है (अगला चरण संग्रह आयात करता है)
  3. पुष्टि करें कि प्रोजेक्ट Creator 3.0 या नया है; 2.x पैकेज के साथ मिश्रण न करें

OSS बनाम Pro अंतर और बिलिंग वर्तमान साइट कॉपी का पालन करते हैं।

चरण 2: एक्सटेंशन आयात करें

  1. अपना Cocos Creator 3.x प्रोजेक्ट खोलें
  2. मेनू: Extension → Extension Manager → Import Extension
  3. आपके द्वारा अभी डाउनलोड किया गया Cocos Creator 3.x MCP संग्रह चुनें
  4. सफल आयात के बाद, एक्सटेंशन सूची में cocos-mcp-server सक्षम दिखना चाहिए

यदि यह अक्षम दिखाई देता है, तो जारी रखने से पहले इसे सक्षम करें।

एक्सटेंशन मैनेजर में MCP संग्रह आयात करें; cocos-mcp-server सक्षम के रूप में दिखता है

चरण 3: cocos-mcp-server सक्रिय करें

  1. मेनू: Extension → Cocos MCP Server → Open Mcp Panel
  2. सक्रियण स्क्रीन पर, निम्न में से किसी एक का उपयोग करें:
    • VberAI खाता + पासवर्ड
    • ईमेल + सक्रियण कोड
  3. सक्रियण सफल होने के बाद, MCP सर्वर सेटिंग पृष्ठ खोलें (अगला चरण)

सक्रियण के बिना, सर्वर आमतौर पर शुरू नहीं होगा। पुष्टि करें कि आपकी योजना या कोड वर्तमान Pro बिल्ड से मेल खाता है।

खाता पासवर्ड या ईमेल सक्रियण कोड के साथ Cocos MCP Server सक्रिय करें

चरण 4: cocos-mcp-server शुरू करें

  1. सक्रियण के बाद, MCP Server settings खोलें
  2. आवश्यकतानुसार समायोजित करें:
    • पोर्ट: डिफ़ॉल्ट 3000
    • भाषा: अपनी UI प्राथमिकता से मिलाएँ
    • स्टार्टअप: पैनल विकल्पों का उपयोग करें (उदाहरण के लिए संपादक के साथ ऑटो-स्टार्ट, यदि उपलब्ध हो)
  3. Start service पर क्लिक करें
  4. जब पैनल Running दिखाता है, Cocos MCP Server चालू है

अब आपके पास एक स्थानीय MCP ब्रिज है। अगला, इसे अपने AI IDE को सौंपें।

MCP सर्वर सेटिंग में पोर्ट कॉन्फ़िगर करें और Running दिखने तक प्रारंभ करें

चरण 5: वन-क्लिक AI IDE सेटअप (Cursor उदाहरण)

  1. Tool manager खोलें
    • Cocos MCP Server द्वारा उजागर किए गए टूल की समीक्षा करें
    • केवल वही सक्षम करें जो आप AI को उपयोग करने देना चाहते हैं
  2. Quick configure खोलें
    • अपना IDE चुनें (उदाहरण के लिए Cursor)
    • Auto configure पर क्लिक करें
    • पुष्टि करें कि UI configured स्थिति दिखाता है
  3. Cursor खोलें
    • MCP / टूल सूची में आपको cocos-creator (या पैनल में दिखाया गया नाम) कनेक्टेड दिखना चाहिए
    • यदि यह गायब है, तो Cursor में Reload (या समतुल्य MCP रीलोड) पर क्लिक करें और फिर से जाँचें

अन्य IDE समान पथ का पालन करते हैं—बस Quick configure के अंतर्गत एक अलग क्लाइंट चुनें।

Cursor के लिए टूल मैनेजर और त्वरित कॉन्फ़िगर; cocos-creator कनेक्टेड है इसकी पुष्टि करें

कनेक्ट करने के बाद त्वरित सत्यापन

Cursor में, केवल-पढ़ने के लिए जाँच के साथ शुरू करें, उदाहरण के लिए:

Cocos Creator में वर्तमान में खुले दृश्य के रूट नोड्स की सूची बनाएं।

यदि उत्तर संपादक पदानुक्रम से मेल खाता है, तो ब्रिज काम करता है। फिर अनुमतियों और टूल चयन की पुष्टि करने के लिए एक छोटा लेखन (एक अस्थायी नोड बनाएं और हटाएं) आज़माएं।

FAQ

आयात विफल हुआ, या cocos-mcp-server सूची से गायब है? आधिकारिक 3.x संग्रह का उपयोग करें (2.x नहीं)। Creator 3.0+ होना चाहिए। यदि यह अक्षम रहता है, तो एक्सटेंशन मैनेजर में इसे सक्षम करें और Creator को पुनरारंभ करें।

सक्रियण बार-बार विफल हो रहा है? Pro अधिकारों की पुष्टि करें, या कि सक्रियण कोड मान्य है और सही ईमेल से जुड़ा है। साइट पर खाता केंद्र जाँचें, फिर पैनल में पुनः प्रयास करें।

मैंने Start service पर क्लिक किया लेकिन कभी Running नहीं दिखता? पुष्टि करें कि पोर्ट 3000 (या आपका कस्टम पोर्ट) खाली है, और लोकलहोस्ट अवरुद्ध नहीं है। सुनिश्चित करें कि चरण 3 सफलतापूर्वक पूरा हुआ।

Cursor cocos-creator नहीं दिखाता? Creator में, पुष्टि करें कि सर्वर अभी भी Running है, Quick configure → Auto configure फिर से चलाएं, फिर Cursor में MCP रीलोड करें। यदि यह अभी भी विफल रहता है, तो जाँचें कि Cursor का MCP कॉन्फ़िग स्थानीय ब्रिज पता शामिल करता है।

अगले कदम

  • टूल सीमाओं को जानने के लिए दृश्य क्वेरी या छोटे संपादन के लिए प्राकृतिक भाषा का उपयोग करें
  • बड़े बदलावों से पहले कमिट करें; ब्रिज को केवल लोकलहोस्ट पर रखें
  • डिज़ाइन-टू-इंजन UI के लिए, VberAI AI Studio के साथ जोड़ी बनाएं, फिर MCP के साथ संपादक में पुनरावृति करें

Creator 2.x के लिए, Cocos Creator 2.x MCP इंस्टॉल गाइड का पालन करें—पैकेज मिश्रण न करें। अधिक MCP संदर्भ के लिए, Cocos Creator MCP वीडियो गाइड देखें।

आपको ये लेख भी पसंद आ सकते हैं

AI Studio के साथ 3 मिनट में प्रोडक्शन-रेडी गेम UI बनाएं (वीडियो गाइड)

आधिकारिक VberAI YouTube वॉकथ्रू—VberAI AI Studio के साथ PSD/Figma इम्पोर्ट करें और मिनटों में Unity, Cocos Creator और Godot में गेम UI एक्सपोर्ट करें।

  • vberai
  • ai-studio
  • video
  • psd
और पढ़ें

Unity MCP को Claude Code और Cursor के साथ: हर बदलाव हाथ से लिखे बिना एडिटर संचालित करें

Claude Code, Cursor और Codex को Model Context Protocol के जरिए Unity से जोड़ें—स्थानीय ब्रिज स्थापित करें, बदलावों का पूर्वावलोकन करें, और फ़ाइल-आधारित AI संपादन से परे सीन डीबग करें।

  • unity-mcp
  • mcp-for-unity
  • claude-unity-mcp
  • unity-claude-code
और पढ़ें

Figma से Unity UI: VberAI AI Studio के साथ डिज़ाइन फ्रेम्स से प्रीफैब्स तक

Figma लेआउट को Unity UI पदानुक्रम में बदलें—आयात, प्राकृतिक भाषा संपादन, और VberAI AI Studio में प्रीफैब निर्यात, साथ ही हैंडऑफ के बाद Figma MCP और Unity MCP कैसे फिट होते हैं।

  • figma-to-unity
  • figma-to-code
  • figma-ai
  • figma-design
और पढ़ें