ब्राउज़र-आधारित कोड कार्यक्षेत्र

कोड, पूर्वावलोकन और परीक्षण प्रोजेक्ट सीधे आपके ब्राउज़र में

प्रोजेक्ट टैब और लाइव पूर्वावलोकन के साथ मोनाको-संचालित संपादक में काम करें। शीघ्रता से प्रारंभ करें, निर्माण करते समय परिवर्तनों का निरीक्षण करें और अपना प्रोजेक्ट तैयार होने पर उसे निर्यात करें।

मोनाको संपादकलाइव पूर्वावलोकनब्राउज़र आधारितकोई सेटअप नहीं
KreoCode कार्यक्षेत्र
src/App.tsx
TypeScript + प्रतिक्रिया

const workflow = {

preview: true,

setup: 'none'

};

// प्रोजेक्ट बदलते ही अपडेट का पूर्वावलोकन करें

$ npm run preview
पूर्वावलोकन सफलतापूर्वक संकलित हुआ
लाइव पूर्वावलोकन
पूर्वावलोकन तैयार है

एक केंद्रित ब्राउज़र विकास कार्यक्षेत्र

कोड संपादन, पूर्वावलोकन और डेवलपर उपयोगिताओं को उस कार्य के आसपास व्यवस्थित किया जाता है जिसे आपको अभी पूरा करने की आवश्यकता है।

मोनाको-संचालित संपादन

संरचित फ़ाइलों, टैब और परिचित कोडिंग वर्कफ़्लो के लिए बनाए गए संपादक में कोड लिखें।

लाइव दृश्य पूर्वावलोकन

HTML, CSS और JavaScript पर पुनरावृत्ति करते समय अपनी फ़ाइलों के साथ ब्राउज़र आउटपुट की समीक्षा करें।

बिना सेटअप के प्रारंभ करें

पहले स्थानीय विकास परिवेश को कॉन्फ़िगर किए बिना ब्राउज़र में एक प्रोजेक्ट खोलें।

ब्राउज़र वर्कफ़्लो

अपने सक्रिय कार्यक्षेत्र में ड्राफ्ट रखें और तय करें कि अपनी प्रोजेक्ट फ़ाइलें कब निर्यात करनी हैं।

व्यावहारिक परियोजनाओं के लिए कोड-प्रथम वर्कफ़्लो

संपादक का उपयोग करें जहां स्रोत कोड, प्रस्तुत आउटपुट और केंद्रित डेवलपर उपयोगिताओं को एक साथ रहने की आवश्यकता है।

फ्रंटएंड प्रोटोटाइप

एक ही कार्यक्षेत्र में स्रोत और ब्राउज़र पूर्वावलोकन के साथ छोटे इंटरफ़ेस विचार बनाएं और उनका निरीक्षण करें।

पुन: प्रयोज्य स्निपेट

दस्तावेज़ीकरण, शिक्षण या कार्यान्वयन कार्य के लिए कोड उदाहरणों का मसौदा तैयार करें, परिष्कृत करें और निर्यात करें।

API और डेटा प्रयोग

पेलोड व्यवहार का परीक्षण करते समय JavaScript तर्क को JSON स्वरूपण और सत्यापन उपयोगिताओं के साथ जोड़ें।

विचार से पूर्वावलोकन तक तीन चरणों में

प्रोटोटाइप, स्निपेट्स और ब्राउज़र-फ़ेसिंग प्रोजेक्ट कार्य के लिए एक संक्षिप्त वर्कफ़्लो।

01

कोडिंग प्रारंभ करें

संपादक खोलें और व्यवस्थित स्रोत फ़ाइलों के साथ अपना प्रोजेक्ट बनाएं।

02

तुरंत पूर्वावलोकन करें

लेआउट और व्यवहार को परिष्कृत करते समय प्रस्तुत परिणाम का निरीक्षण करें।

03

अपना काम निर्यात करें

जब आपका ब्राउज़र वर्कफ़्लो पूरा हो जाए तो प्रोजेक्ट फ़ाइलें डाउनलोड करें।

आपके वर्कफ़्लो से जुड़े डेवलपर टूल

सामान्य विकास मूल्यों को स्वरूपित करने, परीक्षण करने और उत्पन्न करने के लिए केंद्रित Kreotar उपयोगिताओं का उपयोग करें।

Kreotar डेवलपर कार्यक्षेत्र

तेज़ ब्राउज़र कार्य के लिए डिज़ाइन किया गया एक कोड संपादक

Kreotar कोड संपादक डेवलपर्स और छात्रों को स्थानीय इंस्टॉलेशन शुरू किए बिना ब्राउज़र प्रोजेक्ट कोड लिखने, आउटपुट देखने और फ़ाइलें तैयार करने के लिए एक सीधी जगह देता है। यह प्रोटोटाइप, प्रदर्शन, छोटे इंटरफ़ेस प्रयोगों और त्वरित सुधारों के लिए उपयोगी है।

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

प्रोजेक्ट सेटअप के बिना ऑनलाइन कोड संपादन

एक ऑनलाइन संपादक तब उपयोगी होता है जब स्थानीय टूलचेन को कॉन्फ़िगर किए बिना ब्राउज़र कोड को लिखने, निरीक्षण करने और पूर्वावलोकन करने की तत्काल आवश्यकता होती है। यह इसे उदाहरणों, लघु प्रयोगों और समीक्षा योग्य प्रोटोटाइप के लिए उपयुक्त बनाता है।

HTML, CSS और JavaScript कार्य के लिए लाइव पूर्वावलोकन

विज़ुअल आउटपुट स्रोत परिवर्तनों का संदर्भ देता है। प्रोजेक्ट को संपादित करें, प्रस्तुत परिणामों का निरीक्षण करें और ब्राउज़र-फेसिंग कोड के आसपास निर्मित वर्कफ़्लो में व्यवहार को समायोजित करें।

कनेक्टेड प्रवेश बिंदुओं के रूप में डेवलपर उपयोगिताएँ

कोड कार्य में अक्सर JSON को मान्य करना, रेगेक्स का परीक्षण करना, टोकन को डिकोड करना या आईडी बनाना शामिल होता है। इन उपकरणों के क्रॉल करने योग्य लिंक डेवलपर वर्कफ़्लो को खोजने योग्य और जारी रखने में आसान बनाते हैं।

कोड संपादक प्रश्न

ब्राउज़र कार्यक्षेत्र का उपयोग करने के बारे में व्यावहारिक विवरण।

क्या मैं सॉफ़्टवेयर इंस्टॉल किए बिना कोड संपादक खोल सकता हूँ?

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

क्या संपादक में लाइव पूर्वावलोकन शामिल है?

हाँ। जब आप काम करते हैं तो कार्यक्षेत्र में ब्राउज़र-फेसिंग प्रोजेक्ट आउटपुट के लिए लाइव पूर्वावलोकन शामिल होता है।

मैं अपनी फ़ाइलों को कैसे जारी रखूँ?

ब्राउज़र कार्यक्षेत्र में काम करें और जब आप प्रोजेक्ट फ़ाइलें डाउनलोड करने के लिए तैयार हों तो इसके निर्यात नियंत्रण का उपयोग करें।