ASP.NET कोर में बूटस्ट्रैप 4 का उपयोग कैसे करें




asp.net-core nuget (8)

सिर्फ एक CDN का उपयोग क्यों न करें? जब तक आपको बीएस कोड को संपादित करने की आवश्यकता नहीं है, तब तक आपको सीडीएन में कोड को संदर्भित करना होगा।

बीएस 4 सीडीएन यहां देखें:

https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp

पृष्ठ के निचले भाग में।

मैं NuGet के साथ ASP.NET कोर में बूटस्ट्रैप को अपडेट करना चाहता हूं। मैंने इसका उपयोग किया:

Install-Package bootstrap -Version 4.0.0

इसने आश्रितों को जोड़ा लेकिन मैं इसे अपनी परियोजना में अब कैसे जोड़ूं? स्थानीय NuGet निर्भरता के लिए मार्ग क्या है?


मेरे लिए क्या चाल है:

1) wwwroot> Add> Client Side Library पर राइट क्लिक करें

2) सर्च बॉक्स पर टाइप "बूटस्ट्रैप"

3) "विशिष्ट फ़ाइलें चुनें" चुनें

4) नीचे स्क्रॉल करें और एक फ़ोल्डर चुनें। मेरे मामले में मैंने "ट्विटर-बूटस्ट्रैप" चुना

5) "सीएसएस" और "जेएस" जांचें

6) "इंस्टॉल" पर क्लिक करें।

कुछ सेकंड बाद मैं उनमें से सभी wwwroot फ़ोल्डर है। सभी क्लाइंट साइड पैकेजों के लिए वही करें जो आप जोड़ना चाहते हैं।


दुर्भाग्यवश, आप .NET कोर प्रोजेक्ट पर बूटस्ट्रैप (या अधिकांश अन्य जावास्क्रिप्ट / सीएसएस फ्रेमवर्क) स्थापित करने के लिए नूगेट का उपयोग करने के लिए एक कठिन समय लेने जा रहे हैं। यदि आप NuGet स्थापित को देखते हैं तो यह बताता है कि यह असंगत है:

यदि आपको पता होना चाहिए कि स्थानीय पैकेज निर्भरताएँ कहाँ हैं, तो वे अब आपके स्थानीय प्रोफ़ाइल निर्देशिका में हैं। यानी %userprofile%\.nuget\packages\bootstrap\4.0.0\content\Scripts

हालाँकि, मैं सुझाव देता हूं कि एनपीएम पर स्विच करें, या बोवर - जैसे सनेश्वर के जवाब में।


Nmp कॉन्फ़िगरेशन फ़ाइल (इसे अपने वेब प्रोजेक्ट में जोड़ें) का उपयोग करें फिर उसी तरह से आवश्यक पैकेज जोड़ें जैसे हमने bower.json और सेव का उपयोग किया था। विजुअल स्टूडियो इसे डाउनलोड और इंस्टॉल करेगा। आपको अपनी परियोजना के nmp नोड के तहत पैकेज मिलेगा।


बीएस 4 अब .NET कोर 2.2 पर उपलब्ध है। सुनिश्चित करने के लिए एसडीके 2.2.105 x64 इंस्टॉलर पर। मैं इसके साथ विजुअल स्टूडियो 2017 चला रहा हूं। अब तक नई वेब एप्लिकेशन परियोजनाओं के लिए बहुत अच्छा है।


लिबमैन अब Microsoft द्वारा पसंद किया जाने वाला उपकरण है। यह विज़ुअल स्टूडियो 2017 (15.8) में एकीकृत है।

Libman वर्णन करता है कि इसका उपयोग कैसे करें और यहां तक ​​कि बिल्ड प्रक्रिया द्वारा निष्पादित पुनर्स्थापना कैसे सेट करें।

बूटस्ट्रैप का प्रलेखन आपको बताता है कि आपको अपने प्रोजेक्ट में किन फ़ाइलों की आवश्यकता है।

निम्नलिखित उदाहरण libman.json के लिए एक विन्यास के रूप में काम करना चाहिए।

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
  {
    "library": "[email protected]",
    "destination": "wwwroot/lib/bootstrap",
    "files": [
    "js/bootstrap.bundle.js",
    "css/bootstrap.min.css"
    ]
  },
  {
    "library": "[email protected]",
    "destination": "wwwroot/lib/jquery",
    "files": [
      "jquery.min.js"
    ]
  }
]

}


इसे देखते हुए, ऐसा लगता है कि लिबमैन दृष्टिकोण बूटस्ट्रैप को जोड़ने के साथ मेरी जरूरतों के लिए सबसे अच्छा काम करता है। मुझे यह पसंद है क्योंकि यह अब विजुअल स्टूडियो 2017 (15.8 या उसके बाद) में बनाया गया है और इसके अपने संवाद बॉक्स हैं।

डिफ़ॉल्ट विधि VS प्रोजेक्ट्स में बोवर का उपयोग करता है, लेकिन ऐसा लगता है कि यह बाहर जाने के रास्ते पर है। Microsofts bower पृष्ठ के हेडर में वे लिखते हैं:

कुछ लिंक के बाद विज़ुअल स्टूडियो में ASP.NET Core के साथ LibMan का उपयोग करने के लिए नेतृत्व करें जहां यह shows कि बिल्ट-इन डायलॉग का उपयोग करके लिब को कैसे जोड़ा जा सकता है:

समाधान एक्सप्लोरर में, उस प्रोजेक्ट फ़ोल्डर पर राइट-क्लिक करें जिसमें फाइलें जोड़ी जानी चाहिए। Add> Client-Side Library चुनें। क्लाइंट-साइड लाइब्रेरी जोड़ें संवाद प्रकट होता है: [स्रोत: shows ]

फिर बूटस्ट्रैप के लिए बस (1) unpkg का चयन करें, (2) "बूटस्ट्रैप @ .." टाइप करें (3) इंस्टॉल करें। इसके बाद, आप बस _Layout.cshtml में सभी शामिलों को सत्यापित करना चाहेंगे या अन्य स्थान सही हैं। उन्हें href = "~ / lib / bootstrap / dist / js / bootstrap ..." ) जैसा कुछ होना चाहिए


Libman कोशिश करें, यह बोवर जितना सरल है और आप wwwroot / lib / डाउनलोड फ़ोल्डर के रूप में निर्दिष्ट कर सकते हैं।





asp.net-core-2.0