কৌণিক-ক্লিমে একটি নির্দিষ্ট ফোল্ডারে উপাদানগুলি কীভাবে তৈরি করা যায়?


220

আমি কৌণিক-ক্লিমে Angualr4 ব্যবহার করছি এবং আমি নিম্নলিখিত কমান্ডের সাহায্যে নতুন উপাদান তৈরি করতে সক্ষম হয়েছি।

E:\HiddenWords>ng generate component plainsight

তবে সমভূমির অভ্যন্তরে আমার একটি শিশু উপাদান তৈরি করা দরকার। কৌণিক-ক্লায়ার সাথে কি করার উপায় আছে?


15
এনজি আপনার / পথ / থেকে / অ্যাপ্লিকেশন / ফোল্ডার / সমভূমি উত্পন্ন করুন
ম্যাক্সিমাইম 1992

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

11
- ফ্ল্যাট বিকল্পটি আমি যা খুঁজছিলাম!
দুর্ঘটনাটি

1
@ user3611927 - ফ্ল্যাট হ'ল উত্তরটি বিদ্যমান ফোল্ডারগুলি ব্যবহার করবে এবং কেবল এমন ফোল্ডার তৈরি করবে যা অস্তিত্বহীন। পারফেক্ট !! এটি ডিফল্ট আচরণগত IMHO হওয়া উচিত
এন্ড্রু ডে

38

দ্রুত, সরল এবং ত্রুটি মুক্ত পদ্ধতি

যেমন আপনি একটি 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

ব্যবহার করার চেষ্টা করুন

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

অথবা যদি আপনি আরও স্বাচ্ছন্দ্য বোধ করেন তবে ম্যানুয়ালি এটি ব্যবহার করে দেখুন।


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'মোড-নাম' নামের সাথে একটি মডিউল তৈরি করতে
  4. ng g m mod-name --routingবা ng generate module mod-name --routingকৌণিক রাউটিং সহ 'মোড-নাম' নামের একটি মডিউল তৈরি করতে

আশাকরি এটা সাহায্য করবে!

শুভকামনা!


1

আপনি VSCode ব্যবহার করেন, তাহলে ব্যবহারের বিষয়ে বিবেচনা কৌণিক কনসোল

এটি কৌণিক সিএলআইয়ের জন্য একটি ইন্টারফেস সরবরাহ করে। আপনি পাথ নির্দিষ্ট করার জন্য একটি বিকল্প দেখতে পাবেন।

কৌণিক সিএলআই প্রচুর শক্তিশালী এবং এক্সটেনসিবল। প্রকৃতপক্ষে, এমন অনেকগুলি ক্ষমতা রয়েছে যা বিকাশকারীদের জন্য প্রতিটি কমান্ডের জন্য বিভিন্ন কনফিগারেশন বিকল্পের জন্য তাদের পক্ষে সহায়ক।

কৌণিক কনসোলের সাহায্যে আপনি সুপারিশ পাবেন এবং খুব সহজে ভুলে যাওয়া বা খুব কম ব্যবহৃত বৈশিষ্ট্যগুলিও তুলতে সক্ষম হবেন!

অ্যাঙ্গুলার কনসোল হ'ল প্রথম এবং সর্বাগ্রে, কৌণিক সিএলআই যা সরবরাহ করে তা নিয়ে কাজ করার একটি আরও উত্পাদনশীল উপায়।


0

প্রথমত কোনও উপাদান তৈরি করতে আপনার ব্যবহার করতে হবে: -

  • এনজি গিসি উপাদান

    উপরের কমান্ডটি ব্যবহার করে
    আপনি উপরে উল্লিখিত (উপাদানটির নাম) সহ একটি ফোল্ডারে নতুন উপাদান তৈরি করা হবে ।

তবে আপনার যদি অন্য উপাদানটির ভিতরে বা নির্দিষ্ট ফোল্ডারে কোনও উপাদান তৈরি করতে হয়: -

  • এনজি গিসি উপাদান / নতুন উপাদান নাম

0

কাস্টম ডিরেক্টরি ব্যবহার করার সময় --dryRun ব্যবহারের প্রয়োজন

আপনি ngকমান্ড সহ আপনার কাস্টম ডিরেক্টরি পথটি পাস করতে পারেন ।

ng g c myfolder\mycomponent

তবে সম্ভাবনা রয়েছে যে আপনি পথটির বানান মিস করেছেন এবং হয় নতুন ফোল্ডার তৈরি হয় বা ডিরেক্টরি পরিবর্তিত হয় target এই কারণে dryRunখুব সহায়ক। পরিবর্তনগুলি কীভাবে প্রভাবিত হতে চলেছে তার একটি আউটপুট প্রদর্শন করে।
এখানে চিত্র বর্ণনা লিখুন

ফলাফল যাচাই করার পরে আপনি পরিবর্তন না করে একই কমান্ড চালাতে পারেন -d

--dryRun = সত্য | মিথ্যা

সত্য হয়ে গেলে, ফলাফল না লিখে কার্যক্রম চালিয়ে যায় এবং প্রতিবেদন করে।

ডিফল্ট: মিথ্যা

উপাধি: -ড

অফিসিয়াল ডক: - https://angular.io/cli/generate

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.