इसके माध्यम से साझा किया गया

Visual Studio Code एक्सटेंशन का प्रयोग करें

  • आलेख

नोट

12 अक्टूबर 2022 से प्रभावी, Power Apps पोर्टल Power Pages है। अधिक जानकारी: Microsoft Power Pages अब आम तौर पर उपलब्ध है (ब्लॉग)
हम जल्द ही Power Apps पोर्टल दस्तावेज़ीकरण को Power Pages दस्तावेज़ीकरण के साथ माइग्रेट और विलय करेंगे।

ओवरव्यू

Visual Studio Code (VS Code) एक हल्का लेकिन शक्तिशाली सोर्स कोड एडिटर है जो आपके डेस्कटॉप पर चलता है और Windows, macOS, and Linux के लिए उपलब्ध है. यह JavaScript, टाइपस्क्रिप्ट, और Node.js के लिए अंतर्निहित समर्थन के साथ आता है और अन्य भाषाओं (जैसे C++, C#, Java, Python, PHP और Go) और रनटाइम्स (जैसे .NET और Unity) के लिए एक्सटेंशन का एक समृद्ध पारिस्थितिकी तंत्र है. अधिक जानकारी के लिए, VS Code के साथ आरंभ करें देखें.

VS Code आपको एक्सटेंशन के माध्यम से अपनी क्षमता का विस्तार करने की अनुमति देता है. VS Code एक्सटेंशन समग्र अनुभव में अधिक सुविधाएं जोड़ सकते हैं. इस फीचर के रिलीज होने से अब आप Power Apps पोर्टल्स के साथ काम करने के लिए VS Code एक्सटेंशन का इस्तेमाल कर सकते हैं .

पोर्टल्स के लिए VS Code एक्सटेंशन

Power Platform Tools VS Code उपयोग करके पोर्टल्स को कॉन्फ़िगर करने की क्षमता जोड़ता है और VS Code का उपयोग करके पोर्टल्स इंटरफ़ेस को कस्टमाइज़ करते समय कोड को पूरा करने, सहायता और संकेत देने में मदद करने के लिए अंतर्निहित लिक्विड भाषा IntelliSense का उपयोग करता है. VS Code एक्सटेंशन का उपयोग करके, आप Microsoft Power Platform CLI के लिए पोर्टल्स समर्थन के माध्यम से पोर्टल्स को भी कॉन्फ़िगर कर सकते हैं.

ऐनिमेशन जो यह बताता है, कि Power Platform Tools को कैसे इंस्टॉल और सेट किया जाए.

पूर्वावश्यकताएँ

Power Apps पोर्टल के लिए VS Code एक्सटेंशन का उपयोग करने से पहले, आपको यह करना होगा:

VS Code एक्सटेंशन इंस्टॉल करें

Visual Studio Code स्थापित करने के बाद, आपको VS Code के लिए Power Apps पोर्टल प्लग-इन के लिए एक्सटेंशन इंस्टॉल करना होगा.

VS Code एक्सटेंशन इंस्टॉल करने के लिए:

  1. Visual Studio Code खोलें.

  2. चुनें एक्सटेंशन आइकन. (एक्सटेंशन) बाएं फलक से.

    एक्सटेंशन चयन करें.

  3. सेटिंग आइकन चुनें। विस्तार फलक पर ऊपर से दाहिने.

  4. Power Platform Tools खोजें और चुनें.

    Power Platform टूल चुनें।

  5. स्थापित करें का चयन करें.

  6. सत्यापित करें कि एक्सटेंशन स्थिति संदेशों से सफलतापूर्वक इंस्टॉल किया गया है.

पोर्टल कॉन्टेंट डाउनलोड करें

Microsoft Dataverse परिवेश के प्रति प्रमाणित करने के लिए, और पोर्टल कॉन्टेंट डाउनलोड करने के लिए, ट्यूटोरियल पोर्टल्स के साथ Microsoft Power Platform CLI का उपयोग करें - पोर्टल्स कॉन्टेंट डाउनलोड करें.

युक्ति

Power Platform Tools एक्सटेंशन स्वचालित रूप से Visual Studio इंटीग्रेटेड टर्मिनल के माध्यम से VS Code के अंदर से Microsoft Power Platform CLI आदेश का उपयोग करने देता है.

स्निपेट समर्थन

VS Code का उपयोग करके डाउनलोड की गई कॉन्टेंट को अनुकूलित करते समय, अब आप Power Apps पोर्टल्स Liquid टैग्स टैग के लिए इंटेलीसेंस का उपयोग कर सकते हैं.

स्निपेट एंटिटी लिक्विड टैग पूर्णता के उदाहरण के साथ।

फ़ाइल आइकन

पोर्टल्स के लिए VS Code एक्सटेंशन स्वचालित रूप से डाउनलोड किए गए पोर्टल कॉन्टेंट के अंदर फ़ाइलों और फ़ोल्डर्स के लिए आइकन को पहचानता है और दिखाता है.

पोर्टल-विशिष्ट फ़ाइल आइकन थीम के साथ स्टार्टर पोर्टल में फ़ाइलों की सूची।

VS Code डिफ़ॉल्ट फ़ाइल आइकन थीम का उपयोग करता है जो पोर्टल-विशिष्ट आइकन नहीं दिखाता है. अपने पोर्टल्स के लिए विशिष्ट फ़ाइल आइकन देखने के लिए, आपको पोर्टल-विशिष्ट फ़ाइल आइकन थीम का उपयोग करने के लिए VS Code इंस्टेंस को अपडेट करना होगा.

पोर्टल-विशिष्ट फ़ाइल-आइकन थीम को सक्षम करने के लिए:

  1. Visual Studio Code खोलें.

  2. फाइल > वरीयताएं > फाइल आइकन थीम पर जाएं

  3. Power Apps पोर्टल्स आइकन के लिए थीम का चयन करें.

    Power Apps पोर्टल आइकन के लिए थीम चुनें।

लाइव पूर्वावलोकन

Visual Studio Code एक्सटेंशन विकास के अनुभव के दौरान Visual Studio Code इंटरफेस के अंदर पोर्टल सामग्री पेज को देखने के लिए एक लाइव पूर्वावलोकन विकल्प सक्षम करता है.

पूर्वावलोकन देखने के लिए, पूर्वावलोकन बटन चुनें। एडिट मोड में HTML फ़ाइल खुलने पर ऊपर-दाईं ओर से.

पृष्ठ पूर्वावलोकन।

पूर्वावलोकन फलक संपादित किए जा रहे पेज के दाईं ओर खुलता है.

फ़ाइल सूची वाली एक स्क्रीन, वीएस कोड संपादक में खुली फ़ाइल, और दाईं ओर एक पूर्वावलोकन।

पूर्वावलोकन सुविधा के लिए जरुरी है कि अन्य फाइलें भी उसी VS Code सत्र में खुली हों जो पूर्वावलोकन को दिखाने के लिए HTML मार्कअप बनाते हैं. उदाहरण के लिए, यदि VS Code का उपयोग करके फ़ोल्डर स्ट्रक्चर खोले बिना केवल HTML फ़ाइल खोली जाती है, तो आपको निम्नलिखित संदेश दिखाई देगा.

योगदान किए गए आदेश को चलाना: 'microsoft-powerapps-portals.preview-show' विफल.

जब यह समस्या होती है, तो फ़ाइल > फ़ोल्डर खोलें का उपयोग करके फ़ोल्डर खोलें और फिर से पूर्वावलोकन करने का प्रयास करने से पहले डाउनलोड किए गए पोर्टल सामग्री फ़ोल्डर को खोलने के लिए चुनें.

स्वत: पूर्ण

VS Code एक्सटेंशन में ऑटोकम्प्लीट क्षमता वर्तमान संदर्भ को संपादित किए जाने और IntelliSense के माध्यम से प्रासंगिक ऑटोकम्प्लीट तत्वों को दिखाती है.

पृष्ठ टेम्प्लेट आईडी के लिए स्वत: पूर्ण का एक उदाहरण।

सीमाएँ

निम्न सीमाएँ वर्तमान में पोर्टलों के लिए Power Platform Tools पर लागू होती हैं:

भी देखें

Microsoft Power Platform CLI (पूर्वावलोकन) के लिए पोर्टल्स समर्थन