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

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

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

Power Pages के लिए Visual Studio Code एक्सटेंशन

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

नोट

• आपको यह सुनिश्चित करना होगा कि node.js को काम करने के लिए उसी वर्कस्टेशन पर डाउनलोड और इंस्टॉल किया गया है, जिस पर Power Pages के लिए Visual Studio Code सुविधाएँ सेट हैं.
• सुनिश्चित करें कि केवल Power Platform Tools इंस्टॉल किए गए हैं, न कि दोनों Power Platform Tools और Power Platform Tools [पूर्वावलोकन]. विवरण के लिए ज्ञात समस्याएं देखें.

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

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

• Visual Studio Code को डाउनलोड करें, इंस्टॉल करें और कॉन्फ़िगर करें. अधिक जानकारी: Visual Studio Code डाउनलोड करें

• CLI का उपयोग करके Power Pages पोर्टल्स CI/CD समर्थन के लिए अपने परिवेश और सिस्टम को कॉन्फ़िगर करें. अधिक जानकारी: Microsoft Power Platform CLI (पूर्वालोकन)

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

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

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

1. Visual Studio Code खोलें.

2. बाएँ फलक से एक्सटेंशन चुनें.

   

3. एक्सटेंशन फलक पर सबसे ऊपर दाईं ओर से सेटिंग्स आइकन चुनें.

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

   

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

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

वेबसाइट कॉन्टेंट डाउनलोड करें

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

टिप

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

फ़ाइल आइकन

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

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

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

1. Visual Studio Code खोलें.

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

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

   

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

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

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

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

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

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

स्वत: पूर्ण

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

Liquid टैग

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

टाइप करके प्रारंभ करें और Liquid टैग की एक सूची दिखाई देगी, एक बार जब आप टैग का चयन कर लेंगे, तो यह सही ढंग से स्वरूपित हो जाएगा और अधिक इनपुट के लिए तैयार हो जाएगा.

Liquid ऑब्जेक्ट

आप {{ }} दर्ज करके Liquid ऑब्जेक्ट कोड पूर्णता देख सकते हैं. कोष्ठक के बीच कर्सर रखकर, उन Liquid ऑब्जेक्ट्स की सूची प्रदर्शित करने के लिए <CTRL + space> चुनें, जिन्हें आप चुन सकते हैं. यदि ऑब्जेक्ट में अधिक गुण हैं, तो आप . दर्ज कर सकते हैं और फिर Liquid ऑब्जेक्ट के विशिष्ट गुणों को फिर से देखने के लिए <CTRL + space> चुन सकते हैं.

टेम्पलेट टैग

आप अपने कर्सर को {include ' '} स्टेटमेंट में रखकर और <CTRL> - space चुनकर Power Pages वेब टेम्प्लेट सुझाव देख सकते हैं. आपके चयन के लिए मौजूदा वेब टेम्पलेट्स की एक सूची दिखाई देगी.

वेबसाइट ऑब्जेक्ट बनाएं, हटाएं और नाम बदलें

Visual Studio Code के भीतर, आप निम्नलिखित वेबसाइट घटकों को बना सकते हैं, हटा सकते हैं और उनका नाम बदल सकते हैं:

• वेब पेज
• पृष्ठ टेम्पलेट
• वेब टेम्पलेट
• सामग्री स्निपेट्स
• नई संपत्तियाँ (वेब ​​फ़ाइलें)

कार्रवाई बनाएँ

आप नए वेबसाइट घटक बनाने के लिए संदर्भ मेनू विकल्पों का उपयोग कर सकते हैं, समर्थित ऑब्जेक्ट में से किसी एक को राइट-सेलेक्ट करें, Power Pages चुनें और उस वेबसाइट ऑब्जेक्ट प्रकार का चयन करें जिसे आप बनाना चाहते हैं.

वैकल्पिक रूप से, आप Ctrl + Shift + P का चयन करके Visual Studio Code कमांड पैलेट का उपयोग कर सकते हैं.

ऑब्जेक्ट बनाने के लिए आपको अधिक पैरामीटर निर्दिष्ट करने की आवश्यकता होगी.

ऑब्जेक्ट	पैरामीटर्स
वेब पेज	नाम, पेज टेम्पलेट, पैरेंट पेज
पृष्ठ टेम्पलेट	नाम, वेब टेम्पलेट
वेब टेम्पलेट	Name
सामग्री स्निपेट्स	नाम और यदि स्निपेट HTML या टेक्स्ट होगा.
नई संपत्तियाँ (वेब ​​फ़ाइलें)	नाम, मूल पेज और अपलोड करने के लिए फ़ाइल का चयन करें.

नाम बदलें और कार्र्वाइयाँ हटाएँ

फ़ाइल नेविगेशन से, आप Power Pages घटकों का नाम बदलने या हटाने के लिए संदर्भ मेनू का उपयोग कर सकते हैं.

नोट

हटाए गए ऑब्जेक्ट को डेस्कटॉप रीसायकल बिन से पुनर्स्थापित किया जा सकता है.

सीमाएँ

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

• ऑटो-कंप्लीट सुविधाएं सिर्फ़ सीमित कार्यक्षमता का समर्थन करती हैं.
• लाइव पूर्वावलोकन कस्टम थीम या Liquid ऑब्जेक्ट का समर्थन नहीं करता है.

भी देखें

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