खोज…


परिचय

यह लेख दृश्य स्टूडियो कोड के साथ Asp.Net कोर की स्थापना और स्थापना के बारे में विचार देता है। मूल MVC टेम्पलेट और डीबगिंग भी बनाएँ।

नीचे दिए गए कदम ...

चरण 1 - दृश्य स्टूडियो कोड स्थापित करना।

चरण 2 - कॉन्फ़िगर करना। नेट कोर और सी #।

चरण 3 - मूल MVC टेम्पलेट बनाएँ।

चरण 4 - आवेदन को निष्पादित और डीबग करें।

टिप्पणियों

यह आलेख दृश्य स्टूडियो कोड ओपन सोर्स के साथ स्क्रैच से सेटअप करने वाला है और बेसिक .net कोर पीवीसी अनुप्रयोगों को बनाने और डीबग करने के लिए है।

  • ऊपर उपयोग की गई फ़ाइल का स्थान उपयोगकर्ताओं के अनुसार परिवर्तन है, कोई बाधा नहीं।
  • सेटअप डाउनलोड करने के लिए इंटरनेट की आवश्यकता है।

चरण 1 - विज़ुअल स्टूडियो कोड इंस्टॉलेशन


यहाँ छवि विवरण दर्ज करें


  • अपने स्थानीय में डाउनलोड की गई फ़ाइल पर जाएं।

यहाँ छवि विवरण दर्ज करें

  • स्थापित करने के लिए नीचे दिए गए चरणों में

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

स्थापना सफलतापूर्वक समाप्त हुई।

चरण 2 - कॉन्फ़िगर करना। नेट कोर और सी #।

Visual Studio कोड कॉन्फ़िगर करने के बाद .net कोर और C #।

यहाँ छवि विवरण दर्ज करें

  1. विज़ुअल स्टूडियो कोड लॉन्च करें।
  2. प्रेस [ ctrl + P ]
  3. पेस्ट " ext स्थापित csharp " यह और हिट।

एक बार चरणों के ऊपर होने पर, वी # कोड में उपलब्ध सी # एक्सटेंशन।

यहाँ छवि विवरण दर्ज करें

  • अब .net कोर को कॉन्फ़िगर करें।

डाउनलोड .net core sdk यहाँ से । विंडोज => कमांडलाइन चुनें।

यहाँ छवि विवरण दर्ज करें

नीचे दिए गए की तरह एसडीके स्थापित करें।

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

.Net कोर एसडीके इंस्टॉलेशन सफलतापूर्वक किया गया।

चरण 3 - मूल MVC टेम्पलेट बनाएँ।


  • अपना नया प्रोजेक्ट फ़ोल्डर बनाएँ और प्रोजेक्ट फ़ोल्डर के स्थान के साथ विंडोज़-कमांड प्रॉम्प्ट में खोलें।

यहाँ छवि विवरण दर्ज करें

  • " Dotnet new -t web " टाइप करें और हिट करें। यह नए mvc टेम्पलेट बनाने के लिए है।

यहाँ छवि विवरण दर्ज करें

  • एक बार पूरा। प्रोजेक्ट लोकेशन पर जाएं और देखें कि बेसिक mvc प्रोजेक्ट बनाया गया है।

यहाँ छवि विवरण दर्ज करें

  • फिर " डॉटनेट रिस्टोर " टाइप करें और हिट करें। यह Project.json फ़ाइल से सभी पैकेजों को पुनर्स्थापित करने के लिए है।

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

  • अब VScode लॉन्च करें और प्रोजेक्ट फ़ोल्डर खोलें।

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

अब आप अंततः VS कोड में mvc प्रोजेक्ट देख सकते हैं।

सभी मूल mvc संरचना फ़ाइलें जिन्हें आप देख सकते हैं। [मॉडल-व्यू-नियंत्रक]

चरण 4 - आवेदन को निष्पादित और डीबग करें।

VScode में प्रोजेक्ट फोल्डर खोलें।

यहाँ नमूना मैं घर नियंत्रक में ब्रेक प्वाइंट स्थापित कर रहा हूं।

यहाँ छवि विवरण दर्ज करें

अब डिबग विकल्प पर क्लिक करें।

यहाँ छवि विवरण दर्ज करें

नीचे की तरह डिबग कॉन्फ़िगरेशन जोड़ें। सुनिश्चित करें कि .Net कोर लॉन्च (वेब) चुना गया है।

यहाँ छवि विवरण दर्ज करें

यहाँ छवि विवरण दर्ज करें

आप ब्रेक रन हिट देख सकते हैं, एक बार जब आप प्रेस रन आइकन द्वारा डिबगिंग शुरू करते हैं।

फिर जारी रखें। वेब पेज नीचे ब्राउज़र की तरह दिखाया जाएगा। यहाँ छवि विवरण दर्ज करें

वेब पेज टूटा हुआ लगता है।

" F12 " दबाएं या डेवलपर टूल खोलें।

आप कंसोल में कुछ त्रुटियाँ देख सकते हैं।

यहाँ छवि विवरण दर्ज करें

कुछ बूटस्ट्रैप और jquery फाइलें लोड नहीं हुई थीं।

[वीएस कोड में Ctrl + Shift + f द्वारा एक स्क्रिप्ट और सीएसएस फ़ाइलें खोजें और मिस्ड फ़ाइल नाम और खोज दर्ज करें।]

लेआउट फ़ाइल में cdn या सटीक फ़ाइल स्थान के साथ स्क्रिप्ट जोड़कर इसे ठीक करें।

यहाँ छवि विवरण दर्ज करें

अब पेज को रिफ्रेश करें और देखें।

यहाँ छवि विवरण दर्ज करें

अब साइट ठीक लगती है और अंत में अधिक कंसोल त्रुटि नहीं होती है।

खुश कोडिंग।



Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow