CLI - Bipon's Diary https://biponnotes.iglyphic.com Do good for others. It will come back in unexpected ways. Wed, 19 Feb 2020 16:14:42 +0000 en-US hourly 1 https://wordpress.org/?v=5.9.10 168324471 Angular CLI Generate Code https://biponnotes.iglyphic.com/angular-cli-generate-code/ https://biponnotes.iglyphic.com/angular-cli-generate-code/#respond Fri, 06 Dec 2019 12:59:28 +0000 https://bipon.me/?p=161 class – ng g cl component – ng g c directive – ng g d enum – ng g e guard – ng g g interface – ng g i module – ng g m pipe – ng g p service – ng g s

The post Angular CLI Generate Code first appeared on Bipon's Diary.

]]> class – ng g cl
component – ng g c
directive – ng g d
enum – ng g e
guard – ng g g
interface – ng g i
module – ng g m
pipe – ng g p
service – ng g s

The post Angular CLI Generate Code first appeared on Bipon's Diary.

]]> https://biponnotes.iglyphic.com/angular-cli-generate-code/feed/ 0 161 কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা https://biponnotes.iglyphic.com/use-angular-cli-within-few-minutes/ https://biponnotes.iglyphic.com/use-angular-cli-within-few-minutes/#respond Tue, 24 Sep 2019 08:05:43 +0000 http://bipon.me/?p=78 কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআইয়ের সাথে অ্যাংগুলার ইনস্টল করা অ্যাংগুলার  আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরির জন্য বিশ্বের অন্যতম জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। অ্যাংগুলার  গুগল তৈরি করেছে এবং ডেভেলপেড করেছে এবং এর পিছনে একটি বিশাল সম্প্রদায় সমর্থন রয়েছে। আপনি এখান থেকে অ্যাংগুলার অফিসিয়াল ওয়েবসাইট দেখতে পারেন। অ্যাংগুলার  2+ দিয়ে শুরু করে একটি অ্যাংগুলার প্রজেক্টে বিভিন্ন কনফিগারেশন ফাইলের প্রয়োজন। একে…Continue reading কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা

The post কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা first appeared on Bipon's Diary.

]]> কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআইয়ের সাথে অ্যাংগুলার ইনস্টল করা

অ্যাংগুলার  আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরির জন্য বিশ্বের অন্যতম জনপ্রিয় জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক। অ্যাংগুলার  গুগল তৈরি করেছে এবং ডেভেলপেড করেছে এবং এর পিছনে একটি বিশাল সম্প্রদায় সমর্থন রয়েছে। আপনি এখান থেকে অ্যাংগুলার অফিসিয়াল ওয়েবসাইট দেখতে পারেন।

অ্যাংগুলার  2+ দিয়ে শুরু করে একটি অ্যাংগুলার প্রজেক্টে বিভিন্ন কনফিগারেশন ফাইলের প্রয়োজন। একে একে ম্যানুয়ালি ইনস্টল করা সময়ের অপচয় এবং এটিও কঠিন।

অতএব, অ্যাংগুলার  সমস্ত কনফিগারেশনের সাথে ডিল করার জন্য একটি সমাধান নিয়ে আসে: অ্যাংগুলার সিএলআই। আমরা অ্যাংগুলার সিএলআই ব্যবহার করে কয়েক মিনিটের মধ্যে একটি অ্যাংগুলার প্রজেক্ট ডেভেলপিং শুরু করতে পারি।

এই পোস্টে, আমি অ্যাংগুলার সিএলআই(CLI) ব্যবহার করে আপনার কম্পিউটারে অ্যাঙ্গুলার ইনস্টল করার পদ্ধতিটি ব্যাখ্যা করব।

গুরুত্বপূর্ণ: অ্যাংগুলার অ্যাংগুলার জেএস নয়।

অ্যাংগুলার জেএস → অ্যাংগুলার সংস্করণ 1.x

অ্যাংগুলার → অ্যাংগুলার সংস্করণ 2+

অ্যাংগুলার সিএলআই কি?

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

উদাহরণস্বরূপ, অ্যাংগুলার সিএলআই(CLI) এর জন্য ব্যবহার করা যেতে পারে:

  • কনফিগারেশন, এনভায়রনমেন্ট সেটআপ
  • বিল্ডিং কম্পোনেন্টস, সার্ভিসেস, রাউটিং সিস্টেম
  • প্রজেক্টটি শুরু করা, পরীক্ষা করা এবং ডেপ্লয়ইং করা হচ্ছে
  • তৃতীয় পক্ষের লাইব্রেরি যেমন বুটস্ট্র্যাপ, সাস ইত্যাদি ইনস্টল করা (ওয়েবপ্যাক সহ)

এবং আরো অনেক কিছু

অ্যাংগুলার সিএলআই(CLI) ডেভেলপারদের সময় সেভ করে। আপনি নীচে এর অফিসিয়াল ওয়েবসাইট চেক করতে পারেন:

https://cli.angular.io/

সিএলআই দিয়ে অ্যাঙ্গুলার কীভাবে ইনস্টল করবেন?

আপনি যদি উপরের অফিসিয়াল ওয়েবসাইটটিতে যান তবে দেখতে পাবেন যে কয়েকটি কমান্ড লিখিত আছে। এটি একটি অ্যাংগুলার প্রজেক্ট ইনস্টল করার 4 টি প্রধান পদক্ষেপ:

1. এনপিএম ইনস্টল করুন

অ্যাংগুলার এর জন্য আপনার সিস্টেমে নোড.জেএস প্রয়োজন (সংস্করণ 8.x বা 10.x)। আপনার যদি ইতিমধ্যে এটি থাকে তবে আপনি এই অংশটি এড়িয়ে যেতে পারেন।

নোডের নোড প্যাকেজ ম্যানেজার (এনপিএম) রয়েছে, যা আমাদের অ্যাংগুলার সিএলআই এবং অন্যান্য প্রোগ্রাম (প্যাকেজ) ইনস্টল করার প্রয়োজন। আপনি এখান থেকে এনপিএম ডাউনলোড করতে পারেন।

ইনস্টলেশন সমাপ্ত হওয়ার পরে, আপনার টার্মিনাল বা উইন্ডোজ কমান্ড প্রম্পটে যান এবং কোন সংস্করণ ইনস্টল করা আছে তা পরীক্ষা করতে node -v টাইপ করুন:

2. অ্যাংগুলার সিএলআই ইনস্টল করুন

আপনি এনপিএম ইনস্টল করার পরে, আপনি দ্বিতীয় পদক্ষেপ হিসাবে অ্যাংগুলার সিএলআই ইনস্টল করতে পারেন।

npm install -g @angular/cli

দ্রষ্টব্য: যদি আপনার ম্যাকটি ইনস্টলেশনটি সীমাবদ্ধ করে, আপনি sudo su কমান্ডের সাহায্যে সুপার ব্যবহারকারী হতে পারেন এবং আবার চেষ্টা করুন।

g এর অর্থ গ্লোবাল ইনস্টলেশন। আমরা এটি অন্তর্ভুক্ত করি যাতে আমরা পরে যেকোনও অ্যাংগুলার  প্রজেক্টে সিএলআই ব্যবহার করতে পারি। ইনস্টলেশন সমাপ্ত হওয়ার পরে, ইনস্টলেশনটি সফল কিনা তা যাচাই করতে ng v টাইপ করুন।

ng মানে অ্যাংগুলার এবং -v সংস্করণ।

৩. সিএলআই দিয়ে একটি কৌণিক অ্যাপ তৈরি করুন

আপনি এখন সিএলআইয়ের সাথে একটি অ্যাংগুলার অ্যাপ ইনস্টল করতে পারেন। আপনার টার্মিনাল থেকে আবার, আপনার সোর্স কোডটি কোথায় ইনস্টল করতে হবে তার জন্য প্রথমে একটি ফাইলের পথ পছন্দ করুন। আমি cd Desktop কমান্ড সহ আমার ডেস্কটপ হিসাবে একটি অবস্থান নির্বাচন করব, তারপরে আপনার প্রথম অ্যাংগুলার  প্রজেক্টটি ইনস্টল করতে নিম্নলিখিত কমান্ডটি টাইপ করুন:

ng new my-first-app

এই কমান্ডটি প্রয়োজনীয় সমস্ত কনফিগারেশন সহ অ্যাঙ্গুলার অ্যাপটি ইনস্টল করবে। আপনি অবশ্যই অন্য একটি নাম পছন্দ করতে পারেন।

৪. অ্যাপটি চালান

অ্যাংগুলার লাইভ সার্ভার সমর্থন করে, তাই আপনি পেজ রিফ্রেশিং না করে স্বয়ংক্রিয়ভাবে আপনার স্থানীয় ব্রাউজারে পরিবর্তনগুলি দেখতে পাবেন। আপনার অ্যাংগুলার  অ্যাপটি সফলভাবে শুরু হওয়ার পরে, আপনার অ্যাপের প্রজেক্ট ফোল্ডারে যান – cd name-of-your-app।

যদি এখন পর্যন্ত সবকিছু ঠিকঠাক হয় তবে আপনি নিম্নলিখিত কমান্ড দিয়ে অ্যাংগুলার অ্যাপটি চালাতে পারেন:

ng serve –open

এই কম্যান্ডটি আপনার অ্যাংগুলার অ্যাপ্লিকেশনটি serve (start) এবং open কমান্ডটি এটি আপনার ওয়েব ব্রাউজারে স্বয়ংক্রিয়ভাবে রান হবে :

আপনি এই বার্তাটি দেখার পরে, একটি ব্রাউজারে পেজ খুলবে এবং অভিনন্দন! আপনার প্রথম অ্যাঙ্গুলার অ্যাপটি আপনার লোকালহোস্টে চলমান আছে 🙂

সুতরাং একবার আপনি আপনার মেশিনে নোড.জেএস (এনপিএম) এবং অ্যাঙ্গুলার সিএলআই ইনস্টল করার পরে, একটি অ্যাঙ্গুলার প্রজেক্ট ইনস্টল ও পরিচালনা করতে কয়েক মিনিট সময় লাগে। আমি আশা করি আপনি এই আর্টিকেল দরকারী বলে মনে করি।

আপনার সময় এবং সহায়তার জন্য আপনাকে ধন্যবাদ !

The post কয়েক মিনিটের মধ্যে অ্যাংগুলার-সিএলআই ব্যবহার করে অ্যাংগুলার নতুন প্রোজেক্ট করা first appeared on Bipon's Diary.

]]> https://biponnotes.iglyphic.com/use-angular-cli-within-few-minutes/feed/ 0 78