Angular 2
कोणीय-CLI

परिचय

कोणीय-क्ली के साथ रिक्त Angular2 एप्लिकेशन बनाएं

आवश्यकताएँ:

• NodeJS: डाउनलोड पृष्ठ
• npm या यार्न

नई निर्देशिका फ़ोल्डर से cmd के साथ निम्न आदेश चलाएँ:

1. npm install -g @angular/cli या yarn global add @angular/cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve

अपने ब्राउज़र को लोकलहोस्ट पर खोलें: 4200

घटक, निर्देश, पाइप और सेवाएँ उत्पन्न करना

बस अपने cmd का उपयोग करें: आप कोणीय घटकों को उत्पन्न करने के लिए एनजी जनरेट (या सिर्फ एनजी जी) कमांड का उपयोग कर सकते हैं:

• घटक: ng g component my-new-component
• निर्देश: ng g directive my-new-directive
• पाइप: ng g pipe my-new-pipe
• सेवा: ng g service my-new-service
• क्लास: ng g class my-new-classt
• इंटरफ़ेस: ng g interface my-new-interface
• Enum: ng g enum my-new-enum
• मॉड्यूल: ng g module my-module

तीसरे पक्ष के कामों को जोड़ना

कोणीय-cli.json में आप एप्लिकेशन कॉन्फ़िगरेशन को बदल सकते हैं।

यदि आप उदाहरण के लिए ng2-bootstrap जोड़ना चाहते हैं:

1. npm install ng2-bootstrap --save या yarn add ng2-bootstrap

2. कोणीय-cli.json में केवल नोड-मॉड्यूल पर बूटस्ट्रैप का पथ जोड़ें।

   "scripts": [
       "../node_modules/jquery/dist/jquery.js",
       "../node_modules/bootstrap/dist/js/bootstrap.js"
    ]
   

कोणीय-क्ली के साथ निर्माण

कोणीय कुंजी में कोणीय- cli.json में आप अपनी बिल्ड डायरेक्टरी को परिभाषित कर सकते हैं;

ये बराबर हैं

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

और इसलिए ये हैं

ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

निर्माण करते समय आप अपने index.html में आधार टैग () को --base-href के साथ अपने url विकल्प में संशोधित कर सकते हैं।

बेस टैग href / / myUrl / को आपके index.html में सेट करता है

ng build --base-href /myUrl/
ng build --bh /myUrl/

स्टाइलशीट के रूप में एससीएस / एसएएस के साथ नई परियोजना

@angular/cli द्वारा उत्पन्न और संकलित डिफ़ॉल्ट शैली फाइलें सीएसएस हैं ।

यदि आप इसके बजाय scss का उपयोग करना चाहते हैं, तो अपनी परियोजना बनाएं :

ng new project_name --style=scss

यदि आप sass का उपयोग करना चाहते हैं, तो अपनी परियोजना बनाएं :

ng new project_name --style=sass

यार्न को @ कोणीय / क्ली के लिए डिफ़ॉल्ट पैकेज मैनेजर के रूप में सेट करें

यार्न npm के लिए एक विकल्प है, @ कोणीय / cli पर डिफ़ॉल्ट पैकेज प्रबंधक। यदि आप @ कोणीय / क्ली के लिए पैकेज मैनेजर के रूप में यार्न का उपयोग करना चाहते हैं, तो इस चरणों का पालन करें:

आवश्यकताएँ

• यार्न ( npm install --global yarn या इंस्टॉलेशन पेज देखें)
• @ कोणीय / CLI ( npm install -g @angular/cli या yarn global add @angular/cli )

यार्न को @ कोणीय / क्ली पैकेज मैनेजर के रूप में सेट करने के लिए:

ng set --global packageManager=yarn

Npm को @ कोणीय / cli पैकेज मैनेजर के रूप में सेट करने के लिए:

ng set --global packageManager=npm