वेब के लिए Visual Studio Code के साथ कोड संपादित करें (पूर्वावलोकन)

[यह विषय पूर्व-रिलीज़ दस्तावेज़ है और इसमें परिवर्तन हो सकता है।]

डिजाइन स्टूडिओ के ज़रिए, आप वेब के लिए Visual Studio Code का उपयोग करके साइट कोड को संपादित कर सकते हैं. इस सुविधा से आप निम्नलिखित वेबसाइट मेटाडेटा के लिए स्थैतिक सामग्री, HTML, CSS, Liquidऔर JavaScript संपादित कर सकते हैं:

Metadata	सामग्री
एकाधिक चरण प्रपत्र उन्नत खोज प्रपत्र	JavaScript
मूल प्रपत्र	JavaScript
सामग्री स्‍नि‍पेट्स	सभी समर्थित सामग्री स्निपेट सामग्री
सूचियां	JavaScript
वेब फ़ाइलें	मीडिया फ़ाइलें देखें और डाउनलोड करें. टेक्स्ट (कोड) फ़ाइलें संपादित करें.
वेब पेज	सभी समर्थित सामग्री (प्रति भाषा), JavaScript और CSS
वेब टेम्पलेट्स	सभी समर्थित चैनल सामग्री

नोट

आप मेटाडेटा रिकॉर्ड नहीं बना पाएंगे, केवल सामग्री, कोड जोड़ और संपादित कर पाएंगे और फ़ाइल अनुलग्नक देख/डाउनलोड कर पाएंगे.

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

महत्त्वपूर्ण

• यह एक पूर्वावलोकन सुविधा है.
• पूर्वावलोकन सुविधाएँ उत्पादन में उपयोग के लिए नहीं होती हैं और इनकी कार्यक्षमता प्रतिबंधित हो सकती हैं. यह सुविधाएँ आधिकारिक रिलीज़ से पहले उपलब्ध होती हैं ताकि ग्राहक शीघ्र पहुँच प्राप्त कर सकें और प्रतिक्रिया प्रदान कर सकें.

नोट

• पहली बार वेब के लिए Visual Studio Code लोड होने में कुछ समय लग सकता है, क्योंकि यह इस सुविधा के लिए आवश्यक एक्सटेंशन इंस्टॉल करेगा.
• फ़ाइल बनाएं, हटाएं और नाम बदलें संचालन समर्थित नहीं हैं.
• यह सुविधा Power Platform Tools वेब एक्सटेंशन का उपयोग करती है. वेब एक्सटेंशन ब्राउज़र सैंडबॉक्स द्वारा प्रतिबंधित हैं और इसलिए सामान्य एक्सटेंशन की तुलना में उनकी सीमाएँ हैं.
  • Power PlatformCLI समर्थित नहीं है.
  • Power Platform Tools वेब एक्सटेंशन सुविधाएं Power Pages कोड संपादन अनुभव तक सीमित हैं.
  • यह सुविधा सरकारी सामुदायिक क्लाउड (GCC), सरकारी सामुदायिक क्लाउड (GCC High) और रक्षा विभाग (DoD) में उपलब्ध नहीं है. इन क्षेत्रों के उपयोगकर्ता कोड संपादित करने के लिए पोर्टल प्रबंधन ऐप का उपयोग करेंगे. अधिक जानकारी के लिए पोर्टल प्रबंधन ऐप में संपादन कोड देखें.

डिज़ाइन स्टूडियो में संपादन कोड उपलब्ध है

आप संपादित करें Visual Studio ड्रॉप डाउन मेनू से साइट कोड Power Pages संपादित करें विकल्प चुनकर मुख पृष्ठ से वेब के लिए कोड का उपयोग करके अपनी साइट के कोड को संपादित करना प्रारंभ कर सकते हैं .

आप निम्न क्षेत्रों से डिज़ाइन स्टूडियो में कोड भी संपादित कर सकते हैं:

• पेज कार्यस्थान से वेब पेज कोड संपादित करें
• पेज कार्यस्थान से शीर्ष लेख टेम्पलेट कोड
• स्टाइलिंग कार्यस्थान से कस्टम CSS कोड संपादित करें
• मल्टीस्टेप प्रपत्रों के लिए कस्टम JavaScript कोड संपादित करें
• बेसिक प्रपत्रों के लिए कस्टम JavaScript कोड संपादित करें
• सूचियों के लिए कस्टम JavaScript संपादित करें
• सामग्री स्‍नि‍पेट्स संपादित करें
• वेब टेम्पलेट संपादित करें
• मीडिया फ़ाइलें देखें और डाउनलोड करें (छवियाँ)
• पाठ आधारित वेब फ़ाइलें संपादित करें (CSS, JavaScript, अन्य)

आइए देखें कि इन क्षेत्रों का उपयोग करके कोड को कैसे संपादित किया जाए.

पेज कार्यस्थान से वेब पेज कोड संपादित करें

जब आप Power Pages डिज़ाइन स्टूडियो खोलते हैं, तो आपको पेज मेनू में ¹और स्क्रीन के ऊपरी-दाएँ कोने में कोड संपादित करें ² विकल्प दिखाई देता है.

पेज कार्यस्थान से शीर्ष लेख टेम्पलेट कोड

कोड संपादक खोलने के लिए साइट शीर्ष लेख संपादित करें चुनें और फिर कोड संपादित करें चुनें.

स्टाइलिंग कार्यस्थान से कस्टम CSS कोड संपादित करें

स्टाइलिंग कार्यस्थान पर जाएं और कोड संपादक खोलने के लिए उपलब्ध कस्टम CSS कोड संपादित करें मेनू चुनें.

विरोध अधिसूचना मर्ज करें

यदि आप अन्य डेवलपर्स के साथ सहयोग कर रहे हैं, तो ऐसी स्थितियाँ हो सकती हैं जहाँ आप समान स्रोत कोड पर काम कर रहे होंगे. अगर आप किसी पुरानी फ़ाइल में परिवर्तनों को सहेजने का प्रयास करते हैं, तो आपको बदलावों की तुलना करने या ओवरराइट करने की सूचना मिलेगी.

कोड की तुलना करने से आपके कोड के साथ वर्तमान कोड दिखाई देगा और आपको मौजूदा परिवर्तनों पर वापस लौटने, प्रत्येक परिवर्तन को व्यक्तिगत रूप से स्वीकार करने या अपने परिवर्तनों का उपयोग करने और मौजूदा सामग्री को अधिलेखित करने की अनुमति मिलेगी.

आप नवीनतम सामग्री की समीक्षा कर सकेंगे और या तो कोड को मर्ज कर सकेंगे या ओवरराइट कर सकेंगे या परिवर्तनों को त्याग सकेंगे.

ट्यूटोरियल: वेब के लिए Visual Studio Code का उपयोग करके साइट कोड संपादित करें

इस ट्यूटोरियल में, आप वेब के लिए Visual Studio Code का उपयोग करके साइट कोड संपादन के बारे में जानेंगे.

चरण 1: साइट कोड का उपयोग करके संपादित करें Visual Studio वेब के लिए कोड

1. अपनी साइट को Power Pages डिज़ाइन स्टूडियो में खोलें

2. शीर्ष-दाएं कोने पर, कोड संपादित करें चुनें

   

3. पुष्टिकरण संवाद से Visual Studio Code खोलें चुनें.

4. अपने परिवेश क्रेडेंशियल्स का उपयोग करके Visual Studio Code में साइन इन करें.

5. शुरू करने के लिए Power Platform Tools की और बाएं फलक में लोड करने के लिए वेब पेज कोड की प्रतीक्षा करें.

चरण 2: सामग्री और कोड अपडेट करें

1. स्क्रीन के बाईं ओर एक्सप्लोरर संबंधित वेबसाइट कॉन्फ़िगरेशन मेटाडेटा को लोड करता है जिसे वेब के लिए विज़ुअल कोड का उपयोग करके संपादित किया जा सकता है.

   

2. संबंधित मेटाडेटा फ़ाइलों में परिवर्तन करें और परिवर्तनों को सहेजने के लिए Ctrl+S दबाएँ.

3. डिज़ाइन स्टूडियो में जाएं और अपने वर्तमान डिज़ाइन स्टूडियो सत्र में सभी अपडेट प्राप्त करने के लिए सिंक करें का चयन करें.

   

4. Power Pages साइट पर परिवर्तनों को देखने के लिए पूर्वावलोकन चुनें.

वेब या Visual Studio कोड डेस्कटॉप के लिए कोड का उपयोग करना Visual Studio

उपयोगकर्ता बाहरी टूल का उपयोग किए बिना वेब के लिए Visual Studio Code का उपयोग करके पेज संपादन में परिवर्तनों को संपादित, डीबग और उनका पूर्वावलोकन कर सकते हैं. Visual Studio कोड डेस्कटॉप सभी साइट मेटाडेटा को संपादित करने और GitHub, फ्रेमवर्क और निरंतर एकीकरण/निरंतर विकास (CI/CD) प्रक्रियाओं के साथ एकीकृत करने के लिए अन्य उन्नत सुविधाएँ प्रदान करता है।

लक्षण	वेब के लिए वीएस कोड	वीएस कोड डेस्कटॉप
नई वेबसाइट कॉन्फ़िगरेशन मेटाडेटा रिकॉर्ड बनाएं	No	वेब पेज, पेज टेम्प्लेट, वेब टेम्प्लेट, सामग्री स्निपेट और वेब फ़ाइलों तक सीमित.
प्रत्यक्ष साइट संपादन	हां	No
साइट मेटाडेटा संपादन	वेब पेजों, सामग्री स्निपेट्स, मूल रूपों, बहु-चरणीय रूपों, सूचियों और वेब टेम्पलेट्स को संपादित करने तक सीमित.	सभी Power Pages मेटाडेटा कॉन्फ़िगरेशन
साइट पूर्वावलोकन	नियोजित	नियोजित
Power Platform CLI समर्थन	No	हां
उन्नत CPU और संग्रहण बाउंड कार्य प्रवाह - ReactJS या अन्य फ्रेमवर्क बिल्ड टूल सपोर्ट	No	हां
कोड चेक-इन, चेक-आउट, विरोध प्रबंधन और मर्ज जैसी क्षमताओं के साथ GitHub एकीकरण.	No	हां

पोर्टल प्रबंधन ऐप में कोड संपादित करना

नोट

• वेबसाइटों को संपादित करने के लिए वेब के लिए कोड का उपयोग करना Visual Studio सरकारी समुदाय क्लाउड (GCC), सरकारी सामुदायिक क्लाउड (GCC High), और रक्षा विभाग (DoD) में समर्थित नहीं है। इन क्षेत्रों के उपयोगकर्ता अपने परिवर्तन करने के लिए पोर्टल प्रबंधन ऐप का उपयोग कर सकते हैं.

यदि क्षेत्र वेब के लिए Visual Studio Code का समर्थन नहीं करता है, तो कमांड बार में कोड संपादक आइकन </> का चयन करने पर पोर्टल प्रबंधन ऐप खुल जाएगा.

कोड संपादित करने के लिए संबंधित वेब पेज, बेसिक फॉर्म, मल्टीस्टेप प्रपत्र, सूचियाँ या वेब टेम्पलेट्स रिकॉर्ड पर नेविगेट करें.

Type	कोड स्थान
वेब पृष्ठ	वेब पेज रिकॉर्ड चुनें. स्थानीयकृत सामग्री सेक्शन से वेब पेज सामग्री रिकॉर्ड का चयन करें. पेज कॉपी को कॉपी (HTML) फ़ील्ड में सामान्य टैब पर संपादित किया जा सकता है. कस्टम JavaScript और कस्टम CSS कोड को उन्नत टैब से संपादित किया जा सकता है.
बुनियादी प्रपत्र	मूल प्रपत्र रिकॉर्ड का चयन करें.अतिरिक्त सेटिंग्स टैब पर कस्टम JavaScript संपादित करें.
एकाधिक चरण प्रपत्र	मल्टीस्टेप फ़ॉर्म रिकॉर्ड का चयन करें. फ़ॉर्म चरण टैब से मल्टीस्टेप फ़ॉर्म चरण का चयन करें. प्रपत्र विकल्प टैब पर कस्टम JavaScript संपादित करें.
सूची	सूची प्रपत्र रिकॉर्ड का चयन करें.विकल्प टैब पर कस्टम JavaScript संपादित करें.
वेब टेम्पलेट	वेब टेम्पलेट रिकॉर्ड का चयन करें.सामान्य टैब पर स्रोत संपादित करें.

रिकॉर्ड सहेजें, और अपने कोड का परीक्षण करने के लिए अपनी वेबसाइट का पूर्वावलोकन करें.

भी देखें

• Visual Studio Code और Microsoft Power Platform CLI का उपयोग करें