आप जैसे पाठक MUO का समर्थन करने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन अर्जित कर सकते हैं।

कोणीय एकल-पृष्ठ अनुप्रयोगों के निर्माण के लिए एक मजबूत जावास्क्रिप्ट ढांचा है। Google ने सॉफ़्टवेयर विकसित किया और इसे विश्वव्यापी योगदानकर्ताओं के साथ रखता है।

रिएक्ट की तरह, आप वेब, मोबाइल और डेस्कटॉप सिस्टम सहित विभिन्न प्रकार के फ्रंट-एंड एप्लिकेशन बनाने के लिए एंगुलर का उपयोग कर सकते हैं। कुछ उद्योग एंगुलर को पसंद करते हैं क्योंकि यह व्यापक और स्थिर है।

आइए एंगुलर के बारे में गिटहब से एक परियोजना को क्लोन करके और इसे स्थानीय रूप से चलाने के बारे में और जानें।

क्लोनिंग के लिए पूर्वापेक्षाएँ

अन्य रूपरेखाओं के विपरीत, एक कोणीय अनुप्रयोग को क्लोन करना और चलाना सीधा है। आप एक GitHub प्रोजेक्ट की क्लोनिंग करेंगे। आरंभ करने से पहले, सुनिश्चित करें कि आप निम्नलिखित आवश्यकताओं को पूरा करते हैं:

  • आपके पास Node.js का एक स्थिर संस्करण स्थापित होना चाहिए। अगर नहीं तो सीखिए Ubuntu पर Nodejs कैसे स्थापित करें या विंडोज पर नोडज स्थापित करें.
  • तुम्हे करना चाहिए गिट स्थापित है.
  • आपके पास एक GitHub अकाउंट होना चाहिए।
instagram viewer

1. नोड पैकेज प्रबंधक स्थापित करें

नोड पैकेज प्रबंधक (एनपीएम) जावास्क्रिप्ट पैकेजों के लिए एक सॉफ्टवेयर भंडार है। एनपीएम में एक सीएलआई (कमांड लाइन इंटरफेस) है जो विभिन्न कार्यों को करता है। आप सॉफ़्टवेयर को डाउनलोड, इंस्टॉल और परिनियोजित करने के लिए CLI का उपयोग कर सकते हैं।

जब आप Node.js स्थापित करते हैं, तो यह एक npm पैकेज के साथ आता है। अपने Node.js और npm पैकेज संस्करणों की जाँच करने के लिए, टर्मिनल पर निम्नलिखित चलाएँ:

स्थापित Node.js के संस्करण की जाँच करने के लिए, निम्न आदेश के साथ संस्करण प्रिंट करें:

नोड --संस्करण

आप उसी विकल्प का उपयोग करके एनपीएम के संस्करण की जांच कर सकते हैं:

NPM --संस्करण

2. कोणीय सीएलआई स्थापित करें

आप विभिन्न विकास कार्यों को करने के लिए Angular CLI का उपयोग कर सकते हैं। कार्यों में एप्लिकेशन बनाना, परीक्षण करना और परिनियोजन शामिल हैं। कोणीय सीएलआई को स्थापित करने के लिए, निम्नलिखित कमांड चलाएँ:

$ एनपीएम इंस्टॉल -जी @कोणीय/cli

कोणीय CLI संस्करण की जाँच करने के लिए, कमांड चलाएँ:

$ एनजी संस्करण

3. गिटहब पर एक परियोजना खोजें

आप क्लोन करेंगे Giphy-प्रतिकृति गिटहब से परियोजना:

लेबल वाले हरे बटन पर नेविगेट करें कोड. ड्रॉपडाउन सूची प्रकट करने के लिए उस पर क्लिक करें। या तो HTTP या SSH लिंक कॉपी करें। इन दोनों में से कोई एक करेगा।

4. परियोजना को स्थानीय रूप से क्लोन करें

सबसे पहले, एक फोल्डर बनाएं और इसे एंगुलर-क्लोन नाम दें. निम्न आदेश वाले फ़ोल्डर में जाना याद रखें:

सीडी कोणीय-क्लोन

फिर, चलाएँ गिट क्लोन प्रोजेक्ट को अपने फोल्डर में कॉपी करने के लिए कमांड।

git क्लोन https://github.com/Reuben-Kipkemboi/Giphy-Replica.git

इसके बाद, यह देखने के लिए कोणीय-क्लोन फ़ोल्डर की जाँच करें कि क्लोन Giphy-प्रतिकृति अंदर है या नहीं। दौड़ना रास फ़ोल्डर की सामग्री प्रदर्शित करने के लिए:

रास

फ़ोल्डर पर नेविगेट करें:

सीडी Giphy-प्रतिकृति

इस बिंदु पर, आप प्रोजेक्ट फ़ाइलों को अपनी पसंद के कोड संपादक में देख सकते हैं या उन्हें गिटहब वेब इंटरफ़ेस के माध्यम से देख सकते हैं।

5. एनपीएम पैकेज स्थापित करें

इसे चलाने के लिए आपको क्लोन प्रोजेक्ट से सभी पैकेज और निर्भरताओं को स्थापित करने की आवश्यकता है। संकुल को स्थापित करने के लिए, चलाएँ:

NPM स्थापित करना

यदि आपको कोई भेद्यता रिपोर्ट मिलती है, तो उन्हें इसके साथ ठीक करें:

एनपीएम ऑडिट फिक्स

6. किसी ब्राउज़र में प्रोजेक्ट खोलें

अब आपके पास प्रोजेक्ट को चलाने के लिए सभी आवश्यकताएं हैं, आप इसे चला सकते हैं और इसे ब्राउज़र में खोल सकते हैं। परियोजना के निर्माण और सेवा से प्रारंभ करें:

एनजी सेवा

फिर खोलो http://localhost: 4200/ प्रोजेक्ट देखने के लिए एक ब्राउज़र में।

आप ब्राउज़र में प्रोजेक्ट को स्वचालित रूप से खोलने के लिए Angular CLI का उपयोग कर सकते हैं:

$ एनजी सर्व-ओ

यह कमांड ऐप बनाता है, सर्वर लॉन्च करता है और अपडेट के लिए फाइलों को देखता है।

अपने ब्राउज़र में, आपको Giphy-प्रतिकृति वेबसाइट देखनी चाहिए:

एंगुलर प्रोजेक्ट का क्लोन क्यों?

खरोंच से एक परियोजना शुरू करने के बजाय, आप GitHub से एक का क्लोन बना सकते हैं। एक ओपन-सोर्स प्रोजेक्ट की क्लोनिंग और इसे अपने स्वयं के उपयोग के लिए संशोधित करने से प्रोजेक्ट को शुरू से शुरू करने में समय की बचत होती है। यदि प्रासंगिक हो तो आप अपस्ट्रीम प्रोजेक्ट में वापस किसी भी उपयोगी परिवर्तन का योगदान कर सकते हैं।

2021 में चौथे सबसे लोकप्रिय फ्रंट-एंड फ्रेमवर्क के रूप में वोट किया गया, एंगुलर प्रत्येक रिलीज के साथ विस्मित करना जारी रखता है। यह बड़े पैकेज के साथ आता है जो सिंगल-पेज एप्लिकेशन के विकास का समर्थन करता है। विश्व स्तरीय एप्लिकेशन बनाने के लिए इस उत्कृष्ट ढांचे का उपयोग करें।