कोड टैब — अपने ऐप का कोड पढ़ें और बदलें

आपको कभी कोड खोलने की ज़रूरत नहीं — MonstarX उसे आपके लिए लिखता और बदलता है। लेकिन जब भी आप (या आपके साथ काम करने वाला कोई डेवलपर) देखना चाहें, सब कुछ सामने मौजूद है। कोड टैब आपके ऐप की हर फ़ाइल दिखाता है और आपको खुद बदलाव करने देता है।

कोड टैब में क्या दिखता है?

बाईं ओर एक फ़ोल्डर ट्री, जिसमें आपके ऐप की हर फ़ाइल है। दाईं ओर आपकी चुनी हुई फ़ाइल, कोड के रंगों और लाइन नंबरों के साथ।

monstarx.com

फ़ोन पर, ट्री को शीट के रूप में खोलने के लिए ऊपर फ़ाइल के नाम पर टैप करें।

कौन-सी चीज़ कहाँ है?

यह जानना ज़रूरी नहीं, लेकिन कोड पढ़ते समय मदद करता है:

फ़ोल्डर या फ़ाइल	उसमें क्या है
src/routes/	हर पेज की एक फ़ाइल — index.tsx होम पेज है, pricing.tsx है /pricing।
src/components/	कई पेजों पर इस्तेमाल होने वाले हिस्से, जैसे हेडर और फ़ुटर।
src/server/	सर्वर पर चलने वाला कोड: बुकिंग सेव करना, शेड्यूल पढ़ना।
src/db/	आपके ऐप के डेटा का ढाँचा।
migrations/	वे कदम जो डेटाबेस की टेबल बनाते और बदलते हैं।
public/	वे फ़ाइलें जो जैसी हैं वैसी ही दी जाती हैं, जैसे आइकन।
src/styles.css	रंग, फ़ॉन्ट और बाकी स्टाइलिंग।

मेरा ऐप किस चीज़ से बना है?

MonstarX जो ऐप बनाता है, वे आधुनिक वेब ऐप हैं, जो इनसे बनते हैं:

• TypeScript — जाँच वाली JavaScript, जो ऐप चलने से पहले ही गलतियाँ पकड़ लेती है।
• React — वेब इंटरफ़ेस बनाने का सबसे ज़्यादा इस्तेमाल होने वाला तरीका।
• TanStack Start — एक फ़्रेमवर्क जो उन React पेजों को सर्वर वाले पूरे ऐप में बदल देता है, ताकि पेज जल्दी लोड हों और आपका डेटा सर्वर पर सुरक्षित रहे।
• Tailwind CSS — रंग, स्पेसिंग और लेआउट के लिए एक स्टाइलिंग टूलकिट।

प्रोजेक्ट पेज के कार्ड पर भी यही दिखता है, जैसे TanStack Start · React · TypeScript। आपका आयात किया हुआ ऐप उसी चीज़ से बना रहता है जिससे वह बना था।

किसी फ़ाइल को खुद कैसे बदलें?

1. कोड टैब खोलें और ट्री में फ़ाइल पर क्लिक करें।

2. एडिटर में क्लिक करें और अपना बदलाव करें। ऊपर सहेजा नहीं गया दिखता है, साथ में छोड़ दें और सहेजें।

   

3. सहेजें पर क्लिक करें, या ⌘S (Mac) या Ctrl+S (Windows) दबाएँ। प्रीव्यू तुरंत अपडेट हो जाता है।

हर सेव एक संस्करण के रूप में रखा जाता है, जिसके नाम में फ़ाइल का पाथ होता है, जैसे src/routes/schedule.tsx में बदलाव, ताकि कुछ गड़बड़ हो तो आप वापस जा सकें। अगर आपका प्रोजेक्ट GitHub से जुड़ा है और अपने-आप पुश चालू है (डिफ़ॉल्ट), तो बदलाव वहाँ भी पुश हो जाता है। अगली बार आप MonstarX से कुछ माँगेंगे, तो उसे आपका बदलाव दिखेगा।

छोड़ दें आपके बिना सेव किए बदलाव मिटा देता है।

सावधानी

जो बदलाव कोड तोड़ता है, वह प्रीव्यू भी तोड़ देता है। पक्का न हो, तो इसकी जगह चैट में बदलाव बताएँ — MonstarX अपने हर बदलाव के बाद ऐप जाँचता है।

मैं कब बदलाव नहीं कर सकता?

• जब MonstarX आपका ऐप बदल रहा हो। उसके पूरा करने तक फ़ाइलें सिर्फ़ पढ़ी जा सकती हैं: MonstarX आपके ऐप में बदलाव कर रहा है। पूरा होने तक फ़ाइलें सिर्फ़ पढ़ी जा सकती हैं।
• जब आपके शुरू करने के बाद फ़ाइल बदल गई हो। अगर इस बीच MonstarX या किसी और ने फ़ाइल सेव कर दी, तो आपको आपके संपादन शुरू करने के बाद यह फ़ाइल बदली है। दिखता है और सहेजें धुँधला हो जाता है। आपका ड्राफ़्ट तब तक रहता है जब तक आप उसे छोड़ न दें, ताकि आप तुलना कर सकें, उसे छोड़ सकें और बदलाव फिर से कर सकें।
• जो फ़ाइलें MonstarX संभालता है। MonstarX के बनाए ऐप में सेटिंग्स वाली फ़ाइलें (जैसे package.json और Vite व TypeScript का config) और खातों, डेटाबेस, ईमेल, स्टोरेज और AI की बिल्ट-इन सेवाएँ MonstarX संभालता है। ये ट्री में नहीं दिखतीं, लेकिन एक्सपोर्ट करने पर zip में होती हैं।
• सिर्फ़ देखने की अनुमति। जिन लोगों के साथ प्रोजेक्ट देख सकते हैं और टिप्पणी कर सकते हैं के रूप में साझा किया गया है, उन्हें सिर्फ़ देखने की अनुमति: आप कोड पढ़ सकते हैं, बदल नहीं सकते। दिखता है। जो लोग संपादित कर सकते हैं, वे आपकी तरह फ़ाइलें बदल और सेव कर सकते हैं।

क्या मैं अपना कोड डाउनलोड कर सकता हूँ?

हाँ। कोड आपका है: MonstarX से आप जो बनाते हैं, उसके मालिक आप हैं, उसके लिखे कोड समेत। इसे साथ ले जाने के दो तरीके:

• zip डाउनलोड करें — वर्कस्पेस में सेटिंग्स›एक्सपोर्ट, फिर .zip डाउनलोड करें। आपको एक अलग, खुद चलने वाला प्रोजेक्ट मिलता है जो आपके अपने कंप्यूटर पर चलता है। देखें अपना कोड एक्सपोर्ट करें।
• इसे GitHub में रखें — एक रिपॉजिटरी जोड़ें, और हर बदलाव एक कमिट बन जाता है। देखें GitHub।

अक्सर पूछे जाने वाले सवाल

क्या MonstarX इस्तेमाल करने के लिए मुझे कोडिंग आनी चाहिए?

नहीं। कोड टैब तब के लिए है जब आप देखना चाहें। सब कुछ चैट में अपनी ज़रूरत बताकर हो सकता है।

क्या MonstarX मेरे अपने बदलाव पलट देगा?

नहीं। आपके अगला अनुरोध भेजते समय फ़ाइलें जैसी हैं, वह उन्हें वैसे ही पढ़ता है, आपके बदलावों समेत। अगर आप चाहते हैं कि उसे पता रहे कि आपने कुछ क्यों बदला, तो चैट में बता दें।

क्या मैं कोड टैब में नई फ़ाइल जोड़ सकता हूँ?

कोड टैब मौजूदा फ़ाइलें बदलता है। नए पेज या फ़ाइलें बनाने के लिए चैट में MonstarX से कहें।

कोई पैकेज या लाइब्रेरी कैसे जोड़ूँ?

चैट में माँगें — जैसे “बुकिंग फ़ॉर्म के लिए कोई डेट पिकर लाइब्रेरी इस्तेमाल करें”। MonstarX आपके लिए पैकेज जोड़ देता है।

MonstarX जो कोड लिखता है, उसका मालिक कौन है?

आप। MonstarX की शर्तों के मुताबिक आपके प्रॉम्प्ट, फ़ाइलें, कोड और ऐप आपके हैं, और आप उन्हें कभी भी एक्सपोर्ट कर सकते हैं।

संबंधित

अपना कोड एक्सपोर्ट करेंपूरा ऐप zip के रूप में डाउनलोड करें।

GitHubअपना कोड एक रिपॉजिटरी में रखें।

संस्करणअपने कोड की किसी पुरानी हालत पर वापस जाएँ।