VCode - a pocket IDE for web

CoCode Studio

यो एपका बारेमा

💻 VCode — तपाईंको खल्तीमा फिट हुने IDE

अन्ततः, एन्ड्रोइडमा एउटा कोड सम्पादक जुन खेलौना जस्तो लाग्दैन।

चाहे तपाईं आफ्नो पहिलो वेबपेज लेख्ने पूर्ण रूपमा शुरुवातकर्ता हुनुहुन्छ, वा तपाईंको फोनबाट हटफिक्स पुश गर्ने अनुभवी विकासकर्ता हुनुहुन्छ — VCode ले तपाईंलाई तपाईंको हातको हत्केलामा वास्तविक, डेस्कटप-ग्रेड कोडिङ वातावरण दिन्छ।

⚡ गतिको लागि निर्मित कोड सम्पादक

VCode को सम्पादक छिटो छ। ज्वलन्त छिटो।

✦ HTML, CSS, JavaScript, JSON, Markdown र SVG को लागि सुन्दर वाक्य रचना हाइलाइटिङ — सबै सुरुचिपूर्ण JetBrains मोनो फन्टमा रेन्डर गरिएको छ।
✦ स्मार्ट, सन्दर्भ-सचेत स्वत: पूर्ण जसले वास्तवमा तपाईंको कोड बुझ्दछ: `शैली` ट्यागहरू भित्र CSS सुझावहरू, `स्क्रिप्ट` ब्लकहरू भित्र JavaScript संकेतहरू, र परियोजना-व्यापी चर खोज।
✦ निर्मित Emmet विस्तार — "ul>li*3" टाइप गर्नुहोस् र तुरुन्तै यसलाई पूर्ण HTML मा विस्तार गर्नुहोस्।

भित्र पहिले नै तपाईंको कर्सरको साथ पूर्ण HTML बोइलरप्लेट उत्पन्न गर्न "!" टाइप गर्नुहोस्।
✦ HTML, CSS, JavaScript र JSON को लागि एक-ट्याप कोड ढाँचा — तपाईंको कर्सर जहाँ थियो त्यहीं रहन्छ।
✦ केस संवेदनशीलता, सम्पूर्ण-शब्द, र regex मोडहरू सहित खोज्नुहोस् र बदल्नुहोस्।
✦ लाइन नेभिगेसन, स्मार्ट अटो-इन्डेन्टेसन, अटो-क्लोजिङ कोष्ठकहरू, र प्रत्यक्ष स्थिति पट्टीको साथ वास्तविक-समय JSON प्रमाणीकरणमा जानुहोस्।
✦ सहज भ्यूपोर्ट-आधारित हाइलाइटिङले एकल स्टटर बिना हजारौं लाइनहरू ह्यान्डल गर्दछ।

👁️ लाइभ पूर्वावलोकन — आफ्नो काम तुरुन्तै हेर्नुहोस्

एपहरू स्विच गर्न रोक्नुहोस्। VCode ले तपाईंलाई ब्राउजर ल्याउँछ।

✦ एकल ट्यापको साथ शक्तिशाली बिल्ट-इन WebView मा आफ्नो सक्रिय HTML फाइल चलाउनुहोस् — कुनै सेटअप छैन, कुनै पर्खाइ छैन।
✦ जाँदाजाँदै आफ्नो JavaScript डिबग गर्न एप भित्र सिधै लाइभ कन्सोल लगहरू हेर्नुहोस्।
✦ तपाईंले पूर्ण-स्क्रिन परीक्षण चाहेको बेला आफ्नो पूर्वनिर्धारित ब्राउजरमा आफ्नो पृष्ठ खोल्नुहोस्।
✦ मार्कडाउन फाइलहरू रिच, ढाँचा गरिएका कागजातहरूको रूपमा रेन्डर हुन्छन्। CSV, SVG, र छवि फाइलहरू तिनीहरूको दृश्य प्रतिनिधित्वमा खुल्छन् — कुनै अतिरिक्त चरणहरू आवश्यक पर्दैन।

🌿 पूर्ण GIT र GITHUB एकीकरण

VCode ले संस्करण नियन्त्रणलाई प्रथम श्रेणीको नागरिकको रूपमा व्यवहार गर्दछ।

✦ Git कार्यप्रवाह पूरा गर्नुहोस्: रिपोहरू सुरु गर्नुहोस्, चरण परिवर्तनहरू गर्नुहोस्, प्रतिबद्ध सन्देशहरू लेख्नुहोस्, शाखाहरू सिर्जना गर्नुहोस्, मर्ज गर्नुहोस्, र पुश गर्नुहोस् - सबै एप नछोडिकन।
✦ आफ्नो GitHub खातालाई व्यक्तिगत पहुँच टोकनसँग सुरक्षित रूपमा जडान गर्नुहोस् र एकै ट्यापमा आफ्ना परियोजनाहरू सिंक गर्नुहोस्।
✦ दृश्य भिन्न दर्शक — तपाईंले प्रतिबद्ध गर्नु अघि के परिवर्तन भयो भनेर ठ्याक्कै समीक्षा गर्नुहोस्।
✦ प्रतिबद्ध इतिहास — तपाईंको सम्पूर्ण परियोजना इतिहासको सफा समयरेखा मार्फत स्क्रोल गर्नुहोस्।
✦ प्रत्यक्ष प्रगति अद्यावधिकहरू र रद्द बटनको साथ पृष्ठभूमिमा कुनै पनि सार्वजनिक वा निजी भण्डार क्लोन गर्नुहोस्। तपाईंको UI कहिल्यै स्थिर हुँदैन।
✦ तपाईंको काम सुरक्षित गर्न सुरक्षा पुष्टिकरणहरूको साथ नरम, मिश्रित र हार्ड रिसेट समर्थन।
✦ आफ्नो अन्तिम प्रतिबद्धता संशोधन गर्नुहोस्, धेरै शाखाहरू व्यवस्थापन गर्नुहोस्, र कुनै पनि प्रतिबद्धतालाई उल्टाउनुहोस् — सबै नेटिभ रूपमा।

📁 डेस्कटप-ग्रेड फाइल व्यवस्थापन

तपाईंको कार्यस्थान, तपाईंको तरिका।

✦ सुन्दर एनिमेटेड फाइल रूख — तत्काल कार्यहरू प्रकट गर्न कुनै पनि फाइल वा फोल्डरमा लामो समयसम्म थिच्नुहोस्।
✦ तपाईंको परियोजनाभरि फाइलहरू र सम्पूर्ण फोल्डर रूखहरू काट्नुहोस्, प्रतिलिपि गर्नुहोस् र टाँस्नुहोस्। फाइलहरू ७०% अस्पष्टतामा काट्नुहोस् — डेस्कटप ओएसमा जस्तै।

✦ तपाईंको उपकरण भण्डारणबाट फाइलहरू र फोल्डरहरू आयात गर्नुहोस्। ठूला आयात कार्यहरू प्रगति सूचनाको साथ पृष्ठभूमिमा चुपचाप चल्छन्।

✦ एक ट्यापमा कुनै पनि फाइलको निरपेक्ष वा सापेक्ष मार्ग प्रतिलिपि गर्नुहोस्।
✦ निर्मित टेम्प्लेटहरू प्रयोग गरेर तुरुन्तै नयाँ परियोजनाहरू सुरु गर्नुहोस्: खाली, HTML, वा पूर्ण HTML + CSS + JS लेआउटहरू — सिर्जनामा ​​वैकल्पिक Git प्रारम्भिकरणको साथ।

✂️ SNIPPET MANAGER

तपाईंको सबैभन्दा धेरै प्रयोग हुने कोड ब्लकहरू बचत गर्नुहोस् र तिनीहरूलाई एकल ट्यापमा जहाँ पनि घुसाउनुहोस्। सम्मिलित गरेपछि कर्सर कहाँ अवतरण गर्नुपर्छ भनेर ठ्याक्कै चिन्ह लगाउन आफ्नो स्निपेटमा "|" प्रयोग गर्नुहोस्।

यो तपाईंले प्रतिक्षा गरिरहनुभएको IDE हो। जहाँ पनि कोड गर्नुहोस्। तुरुन्तै पूर्वावलोकन गर्नुहोस्। आत्मविश्वासका साथ पठाउनुहोस्।

नयाँ के छ

- Desktop-Grade IntelliSense: Auto-suggests CSS classes inside HTML attributes.
- ES Modules Support: Suggests exported functions/variables from your JS imports.
- Advanced Type Inference: Intelligently infers variable types to suggest accurate prototype methods.
- Lightweight Lexical Scoping: Keep suggestions contextually accurate and clutter-free.
- Context-Aware Suggestions: File path autocomplete based on the exact HTML tag you're typing.
- Squashed Bugs & UI tweaks.