कोणीय-क्ली के साथ एक विशिष्ट फ़ोल्डर में घटकों को कैसे उत्पन्न किया जाए?


220

मैं कोणीय-क्ली के साथ angualr4 का उपयोग कर रहा हूं और मैं निम्नलिखित कमांड के साथ नए घटक बनाने में सक्षम हूं।

E:\HiddenWords>ng generate component plainsight

लेकिन मुझे दुर्दशा के अंदर एक बाल घटक उत्पन्न करने की आवश्यकता है। क्या कोणीय-क्लि के साथ करने का एक तरीका है?


15
एनजी उत्पन्न अपने / पथ / / से / / एप्लिकेशन / फ़ोल्डर / मैदानी
मैक्सिमे

4
@Maxime के रूप में उल्लेख किया है, या निर्देशिका में सीडी
जेड Bagley

जवाबों:


124

ng g component plainsight/some-nameएक बनाता है नई निर्देशिका जब हम इसका इस्तेमाल।

अंतिम आउटपुट होगा:

plainsight/some-name/some-name.component.ts

उससे बचने के लिए, फ्लैट विकल्प का उपयोग करें ng g component plainsight/some-name --flatऔर यह एक नया फ़ोल्डर बनाने के बिना फ़ाइलों को उत्पन्न करेगा

plainsight/some-name.component.ts

12
--फ्लैट विकल्प वह है जो मैं ढूंढ रहा था!
हादसा

1
@ user3611927 --flat इसका जवाब है क्योंकि मौजूदा फ़ोल्डर्स का उपयोग किया जाएगा और केवल वे फ़ोल्डर बनाए जाएंगे जो मौजूद नहीं हैं। उत्तम!! यह
एंड्रयू डे

39

त्वरित, सरल और त्रुटि मुक्त विधि

अर्थात आप किसी app/componentफ़ोल्डर में एक घटक बनाना चाहते हैं , तो इन चरणों का पालन करें

  1. उस फ़ोल्डर पर राइट क्लिक करें जिसके लिए आप घटक बनाना चाहते हैं
  2. Open in Command Promptविकल्प चुनें
  3. नए टर्मिनल में (आप अपना चयनित पथ देखेंगे), फिर टाइप करें ng g c my-new-component

इसके अलावा, आप इस छवि के माध्यम से इस प्रक्रिया की जांच कर सकते हैं

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


1
आप एक प्रतिभाशाली व्यक्ति हैं या मैं सिर्फ मूर्ख हूँ ... सबसे अच्छा तरीका है!
Ap0st0l

19

ng g c component-name

कस्टम स्थान निर्दिष्ट करने के लिए: ng g c specific-folder/component-name

यहाँ component-nameविशिष्ट-फ़ोल्डर के अंदर बनाया जाएगा।

Similarl दृष्टिकोण अन्य घटकों पैदा करने की तरह है के लिए इस्तेमाल किया जा सकता directive, pipe, service, class, guard, interface, enum, module, आदि


12

घटक उत्पन्न करने के लिए अधिक छोटा कोड: ng g c component-name
अपना स्थान निर्दिष्ट करने के लिए:ng g c specific-folder/component-name



निर्देश उत्पन्न करने के लिए अतिरिक्त जानकारी अधिक छोटा कोड: ng g d directive-name
अपना स्थान निर्दिष्ट करने के लिए:ng g d specific-folder/directive-name



4

उपरोक्त विकल्प मेरे लिए काम नहीं कर रहे थे क्योंकि टर्मिनल में निर्देशिका या फ़ाइल बनाने के विपरीत, जब सीएलआई एक घटक बनाता है, तो यह आपके द्वारा दर्ज किए गए पथ में डिफ़ॉल्ट रूप से पथ src / app जोड़ता है ।

अगर मैं अपने मुख्य ऐप फ़ोल्डर से घटक उत्पन्न करता हूं, तो (गलत तरीके से)

ng g c ./src/app/child/grandchild 

उत्पन्न होने वाला घटक यह था:

src/app/src/app/child/grandchild.component.ts

इसलिए मुझे केवल टाइप करना था

ng g c child/grandchild 

उम्मीद है कि यह किसी की मदद करता है


3

मुझे उपरोक्त उत्तरों (सहित --flat) के साथ कोई भी भाग्य नहीं था , लेकिन मेरे लिए क्या काम था:

cd path/to/specific/directory

वहां से, मैं भाग गया ng g c mynewcomponent


1

सरल

ng g component plainsight/some-name

यह "प्लेंसाइट" फ़ोल्डर बनाएगा और इसके अंदर कुछ-नाम घटक उत्पन्न करेगा।



1

एक बार जब आप अपनी परियोजना की निर्देशिका में होंगे। उपयोग cd path/to/directoryतब उपयोग करें ng g c component_name --spec=falseयह सब कुछ स्वचालित करता है और त्रुटि मुक्त है

g cसाधन घटक उत्पन्न



1

कोणीय सीएलआई आपके एप्लिकेशन विकास में आपके लिए आवश्यक सभी कमांड प्रदान करता है। अपनी विशिष्ट आवश्यकता के लिए, आप आसानी से काम पाने के लिए ng g( ng generate) का उपयोग कर सकते हैं ।

ng g c directory/component-nameफ़ोल्डर component-nameमें घटक उत्पन्न करेगा directory

निम्नलिखित कुछ सरल आदेशों का एक नक्शा है जिसे आप अपने आवेदन में उपयोग कर सकते हैं।

  1. ng g c comp-nameया ng generate component comp-name'कॉम्प-नेम' नाम के साथ एक घटक बनाने के लिए
  2. ng g s serv-nameया ng generate service serv-name'सर्व-नाम' नाम के साथ एक सेवा बनाने के लिए
  3. ng g m mod-name या ng generate module mod-name 'mod-name' नाम के साथ एक मॉड्यूल बनाने के लिए
  4. ng g m mod-name --routingया ng generate module mod-name --routingकोणीय मार्ग के साथ 'मॉड-नेम' नाम के साथ एक मॉड्यूल बनाने के लिए

उम्मीद है की यह मदद करेगा!

शुभ लाभ!


1

यदि आप VSCode का उपयोग करते हैं, तो उपयोग करने पर विचार करें कोणीय कंसोल करें

यह कोणीय सीएलआई के लिए एक इंटरफ़ेस प्रदान करता है। आपको पथ निर्दिष्ट करने के लिए एक विकल्प दिखाई देगा।

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

कोणीय कंसोल के साथ, आपको सिफारिशें मिलेंगी और यहां तक ​​कि सबसे आसानी से भूल गए या शायद ही कभी उपयोग की जाने वाली सुविधाओं को खींचने में सक्षम होंगे!

कोणीय सांत्वना, सबसे पहले और सबसे महत्वपूर्ण है, कोणीय सीएलआई प्रदान करता है के साथ काम करने के लिए एक अधिक उत्पादक तरीका है।


0

सबसे पहले एक घटक बनाने के लिए आपको उपयोग करने की आवश्यकता है: -

  • एनजी जीसी घटकनाम

    ऊपर दिए गए आदेश का उपयोग करके नया घटक
    आपके द्वारा ऊपर निर्दिष्ट किए गए (घटकनाम) वाले फ़ोल्डर में बनाया जाएगा ।

लेकिन अगर आपको किसी अन्य घटक के अंदर या विशिष्ट फ़ोल्डर में एक घटक बनाने की आवश्यकता है: -

  • एनजी जीसी कंपोनेंट / न्यूकंपोनेंटनेम

0

कस्टम निर्देशिका का उपयोग करते समय --dryRun का उपयोग करने की आवश्यकता है

आप ngकमांड के साथ अपना कस्टम डायरेक्टरी पाथ पास कर सकते हैं ।

ng g c myfolder\mycomponent

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

परिणाम की पुष्टि करने के बाद आप बिना -dबदलाव किए एक ही कमांड चला सकते हैं ।

--dryRun = सच | झूठी

जब सच होता है, तो परिणामों को लिखे बिना गतिविधि को चलाता है और रिपोर्ट करता है।

डिफ़ॉल्ट: गलत

उपनाम: -d

आधिकारिक दस्तावेज: - https://angular.io/cli/generate

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.