Angular প্রজেক্ট সেটআপ

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

Angular প্রজেক্ট সেটআপের জন্য প্রয়োজনীয় টুলস

• Node.js এবং npm
  Angular চালানোর জন্য Node.js এবং npm (Node Package Manager) আপনার কম্পিউটারে ইনস্টল থাকতে হবে। npm ব্যবহার করে Angular এবং অন্যান্য লাইব্রেরি ইনস্টল করা হয়।
• Angular CLI
  Angular CLI (Command Line Interface) হল একটি টুল যা Angular অ্যাপ্লিকেশন তৈরি, ডেভেলপ, টেস্ট, এবং ডিপ্লয় করতে সহায়ক। Angular CLI ইনস্টল করা Angular প্রজেক্ট তৈরি করার জন্য প্রয়োজনীয়।

Node.js এবং npm ইনস্টল করা

1. Node.js ডাউনলোড এবং ইনস্টল করুন
   Node.js ডাউনলোড করার জন্য Node.js অফিসিয়াল ওয়েবসাইট এ যান এবং LTS (Long Term Support) সংস্করণটি ডাউনলোড করুন।

2. npm ইনস্টলেশন চেক করুন
   Node.js ইনস্টল করার পর npm স্বয়ংক্রিয়ভাবে ইনস্টল হয়ে যায়। ইনস্টলেশন চেক করতে কমান্ড লাইন বা টার্মিনালে নিচের কমান্ডটি রান করুন:

   npm -v
   

   এটি npm এর সংস্করণ দেখাবে যদি সঠিকভাবে ইনস্টল হয়ে থাকে।

Angular CLI ইনস্টল করা

Angular CLI ইনস্টল করার জন্য নিচের কমান্ডটি ব্যবহার করুন:

npm install -g @angular/cli

এই কমান্ডটি Angular CLI গ্লোবালি ইনস্টল করবে। ইনস্টলেশনের পর, Angular CLI এর সংস্করণ চেক করতে নিচের কমান্ডটি ব্যবহার করুন:

ng version

Angular প্রজেক্ট তৈরি করা

Angular CLI ইনস্টল হওয়ার পর একটি নতুন Angular প্রজেক্ট তৈরি করা খুবই সহজ। নতুন প্রজেক্ট তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng new project-name

এখানে project-name আপনার প্রজেক্টের নাম হবে। এই কমান্ডটি রান করার পর Angular CLI কিছু প্রশ্ন করবে:

• Would you like to add Angular routing?
  যদি আপনার অ্যাপ্লিকেশনে রাউটিং (Navigating between views) দরকার হয়, তবে ‘Yes’ নির্বাচন করুন।
• Which stylesheet format would you like to use?
  CSS, SCSS, SASS, বা LESS নির্বাচন করতে পারেন, তবে সাধারণত CSS বেছে নিন।

এই কমান্ডটি রান করার পর, একটি নতুন Angular প্রজেক্ট তৈরি হবে এবং প্রজেক্টের মধ্যে সমস্ত ফাইল এবং ফোল্ডার তৈরি হবে।

প্রজেক্ট স্ট্রাকচার ব্যাখ্যা

Angular প্রজেক্টের ডিরেক্টরি স্ট্রাকচার সাধারণত নিম্নরূপ:

• src/app: অ্যাপ্লিকেশনটির মূল কোড এবং কম্পোনেন্টগুলো এখানে থাকবে।
• src/assets: সমস্ত স্ট্যাটিক ফাইল (ছবি, স্টাইলশীট, ফন্ট ইত্যাদি) এখানে রাখবেন।
• src/environments: পরিবেশ সম্পর্কিত ফাইলগুলো যেমন ডেভেলপমেন্ট, প্রোডাকশন কনফিগারেশন থাকবে।
• angular.json: অ্যাপ্লিকেশনটির কনফিগারেশন ফাইল।
• package.json: অ্যাপ্লিকেশনটির ডিপেনডেন্সি এবং স্ক্রিপ্ট ম্যানেজমেন্ট।
• tsconfig.json: টাইপস্ক্রিপ্ট কনফিগারেশন ফাইল।

Angular প্রজেক্ট রান করা

প্রজেক্ট তৈরি হওয়ার পর, প্রজেক্টটি চালাতে নিচের কমান্ডটি ব্যবহার করুন:

cd project-name
ng serve

এটি আপনার অ্যাপ্লিকেশনটি http://localhost:4200/ এ চালু করবে। আপনি ব্রাউজারে গিয়ে অ্যাপ্লিকেশনটি দেখতে পারবেন।

Angular CLI এর সাধারণ কমান্ডগুলো

Angular CLI এর কিছু সাধারণ কমান্ড যা প্রজেক্ট তৈরি, কম্পোনেন্ট তৈরি, সার্ভার চালানো ইত্যাদির জন্য ব্যবহৃত হয়:

• প্রজেক্ট তৈরি:

  ng new project-name
  

• অ্যাপ্লিকেশন সার্ভার চালানো:

  ng serve
  

• কম্পোনেন্ট তৈরি:

  ng generate component component-name
  

• সার্ভিস তৈরি:

  ng generate service service-name
  

• মডিউল তৈরি:

  ng generate module module-name
  

• প্রোডাকশন বিল্ড তৈরি:

  ng build --prod
  

সারাংশ

Angular প্রজেক্ট সেটআপ করা খুবই সহজ এবং Angular CLI এর মাধ্যমে এটি অত্যন্ত দ্রুত করা যায়। Node.js এবং npm ইনস্টলেশন, Angular CLI ইন্সটল করা এবং প্রজেক্ট তৈরি করার পর আপনি দ্রুত Angular অ্যাপ্লিকেশন তৈরি করতে শুরু করতে পারবেন। Angular এর স্ট্রাকচার এবং কমান্ড লাইনের ব্যবহার আপনাকে দক্ষ এবং স্কেলেবল অ্যাপ্লিকেশন ডেভেলপ করতে সহায়ক হবে।

Angular CLI (Command Line Interface) হলো Angular অ্যাপ্লিকেশন তৈরি এবং পরিচালনা করার জন্য একটি শক্তিশালী টুল। এটি কমান্ড লাইন থেকে Angular প্রজেক্ট তৈরি, বিল্ড, টেস্ট, এবং ডিপ্লয় করার সুবিধা দেয়। Angular CLI ব্যবহার করে নতুন একটি প্রজেক্ট তৈরি করা খুবই সহজ এবং দ্রুত। নিচে Angular CLI দিয়ে নতুন প্রজেক্ট তৈরি করার ধাপগুলি দেওয়া হলো।

Angular CLI ইনস্টল করা

Angular প্রজেক্ট তৈরি করতে হলে প্রথমে Angular CLI ইনস্টল করা প্রয়োজন। যদি আপনার সিস্টেমে Angular CLI ইনস্টল না করা থাকে, তবে কমান্ড লাইন বা টার্মিনালে নিচের কমান্ডটি ব্যবহার করে এটি ইনস্টল করুন:

npm install -g @angular/cli

এই কমান্ডটি Angular CLI গ্লোবালি ইনস্টল করবে। ইনস্টলেশন শেষে, Angular CLI এর সংস্করণ চেক করতে নিচের কমান্ডটি ব্যবহার করুন:

ng version

নতুন Angular প্রজেক্ট তৈরি করা

Angular CLI ইনস্টল হওয়ার পর, নতুন একটি Angular প্রজেক্ট তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng new project-name

এখানে project-name আপনার পছন্দের প্রজেক্টের নাম হতে হবে। এই কমান্ডটি রান করার পর Angular CLI কিছু প্রশ্ন করবে:

• Would you like to add Angular routing?
  যদি আপনি অ্যাপ্লিকেশনে রাউটিং (Navigating between views) চান, তবে ‘Yes’ নির্বাচন করুন। রাউটিং আপনার অ্যাপ্লিকেশনকে একাধিক ভিউ এবং পেজের মধ্যে নেভিগেট করার সুবিধা প্রদান করবে।
• Which stylesheet format would you like to use?
  এখানে আপনি CSS, SCSS, SASS, বা LESS নির্বাচন করতে পারবেন। সাধারণত CSS সিলেক্ট করা হয়, তবে আপনি SCSS বা SASS বেছে নিতে পারেন যদি আপনার প্রজেক্টে আরও উন্নত স্টাইলিং প্রয়োজন।

Angular CLI এই কমান্ডটি রান করার পর প্রয়োজনীয় সমস্ত ফাইল এবং ডিরেক্টরি তৈরি করবে এবং প্রজেক্টের ভিতরে সমস্ত নির্ভরশীল প্যাকেজ ইনস্টল করবে।

প্রজেক্ট স্ট্রাকচার ব্যাখ্যা

নতুন Angular প্রজেক্ট তৈরি হওয়ার পর, আপনি যে ডিরেক্টরিটি পাবেন তা দেখতে হবে কিছু এভাবে:

• src/app: অ্যাপ্লিকেশনের মূল কোড এবং কম্পোনেন্টগুলোর জন্য ফোল্ডার।
• src/assets: স্ট্যাটিক ফাইল যেমন ছবি, স্টাইলশীট, ফন্ট ইত্যাদি এখানে রাখা হবে।
• src/environments: পরিবেশ সম্পর্কিত কনফিগারেশন ফাইল (ডেভেলপমেন্ট, প্রোডাকশন)।
• angular.json: অ্যাপ্লিকেশনের কনফিগারেশন ফাইল।
• package.json: ডিপেনডেন্সি এবং স্ক্রিপ্ট ম্যানেজমেন্ট ফাইল।
• tsconfig.json: টাইপস্ক্রিপ্ট কনফিগারেশন ফাইল।

প্রজেক্ট রান করা

প্রজেক্ট তৈরি হওয়ার পর, আপনার অ্যাপ্লিকেশনটি চালু করতে নিচের কমান্ডটি ব্যবহার করুন:

cd project-name
ng serve

এই কমান্ডটি প্রজেক্টের ফোল্ডারে ঢুকে Angular অ্যাপ্লিকেশন চালু করবে এবং http://localhost:4200/ এ আপনার অ্যাপ্লিকেশনটি দেখতে পাবেন। এখন আপনি আপনার ব্রাউজারে গিয়ে অ্যাপ্লিকেশনটি দেখতে পারবেন।

Angular CLI এর অন্যান্য সাধারণ কমান্ড

• কম্পোনেন্ট তৈরি:

  ng generate component component-name
  

• সার্ভিস তৈরি:

  ng generate service service-name
  

• মডিউল তৈরি:

  ng generate module module-name
  

• প্রোডাকশন বিল্ড তৈরি:

  ng build --prod
  

• টেস্ট রান করা:

  ng test
  

• ইউনিট টেস্ট চালানো:

  ng e2e
  

সারাংশ

Angular CLI এর মাধ্যমে একটি নতুন Angular প্রজেক্ট তৈরি করা খুবই সহজ। এটি আপনাকে কমান্ড লাইন থেকে সমস্ত প্রয়োজনীয় সেটআপ করতে সহায়তা করে, যেমন নতুন প্রজেক্ট তৈরি করা, কম্পোনেন্ট তৈরি করা, সার্ভার চালানো ইত্যাদি। Angular CLI ব্যবহার করে আপনার অ্যাপ্লিকেশন ডেভেলপমেন্টের প্রক্রিয়া অনেক দ্রুত এবং কার্যকর হয়।

Angular প্রজেক্টে ফাইল এবং ফোল্ডারের স্ট্রাকচার একটি সুনির্দিষ্ট কাঠামো অনুসরণ করে, যা ডেভেলপারদের কোড এবং রিসোর্সগুলো ভালোভাবে সংগঠিত রাখতে সাহায্য করে। নিচে Angular প্রজেক্টের সাধারণ স্ট্রাকচার এবং এর ফোল্ডারগুলোর ব্যাখ্যা দেওয়া হলো।

প্রজেক্ট স্ট্রাকচার

একটি Angular প্রজেক্ট সাধারণত এইভাবে স্ট্রাকচার করা হয়:

my-angular-project/
├── e2e/
├── node_modules/
├── src/
│   ├── app/
│   ├── assets/
│   ├── environments/
│   └── index.html
├── angular.json
├── package.json
├── tsconfig.json
├── tslint.json
└── README.md

ফোল্ডার এবং ফাইলের ব্যাখ্যা

1. e2e/
   এই ফোল্ডারটি End-to-End (E2E) টেস্টিং এর জন্য ব্যবহৃত হয়। এখানে আপনার অ্যাপ্লিকেশনের UI এবং ইন্টারঅ্যাকশনের উপর ভিত্তি করে টেস্ট স্ক্রিপ্ট থাকে। সাধারণত Protractor বা Cypress ব্যবহার করে টেস্ট করা হয়।
2. node_modules/
   এখানে সমস্ত নির্ভরশীল লাইব্রেরি এবং প্যাকেজ থাকে, যেগুলি npm install কমান্ড দিয়ে ইনস্টল করা হয়। এই ফোল্ডারটি অটোমেটিকভাবে তৈরি হয় এবং এটি আপনার প্রজেক্টের বাইরের অংশ, তাই সাধারণত এটি ম্যানুয়ালি পরিবর্তন করা হয় না।
3. src/
   এটি আপনার অ্যাপ্লিকেশনের মূল সোর্স কোডের ফোল্ডার। সমস্ত কম্পোনেন্ট, সার্ভিস, মডিউল এবং অন্যান্য কোড ফাইল এখানে থাকবে। এই ফোল্ডারের অন্তর্গত উপফোল্ডারগুলো হলো:
   • app/
     আপনার অ্যাপ্লিকেশনের সমস্ত কম্পোনেন্ট (Components), সার্ভিস (Services), মডিউল (Modules) এবং ডিরেক্টিভস (Directives) এই ফোল্ডারে রাখা হয়। এটি আপনার অ্যাপ্লিকেশনের মূল লজিক এবং ভিউ সমূহ ধারণ করে।
   • assets/
     এই ফোল্ডারটি স্ট্যাটিক রিসোর্স যেমন ইমেজ, ফন্ট, স্টাইলশীট ইত্যাদি সংরক্ষণ করার জন্য ব্যবহৃত হয়। এখানে আপনি আপনার প্রজেক্টের মিডিয়া ফাইল এবং অন্যান্য রিসোর্স রাখবেন।
   • environments/
     এই ফোল্ডারটি অ্যাপ্লিকেশনের বিভিন্ন পরিবেশ কনফিগারেশন (Development, Production) সংরক্ষণ করে। আপনি এখানে বিভিন্ন পরিবেশের জন্য ডেটাবেস অথবা API URL কনফিগারেশন করতে পারেন।
   • index.html
     এটি অ্যাপ্লিকেশনের মূল HTML ফাইল, যেখানে Angular অ্যাপ্লিকেশনটি লোড হয়। এটি root ফোল্ডারের মতো কাজ করে।
4. angular.json
   এটি Angular অ্যাপ্লিকেশনের কনফিগারেশন ফাইল, যেখানে বিভিন্ন বিল্ড অপশন, রাউটিং, অ্যাপ্লিকেশন সেটিংস এবং অন্যান্য কনফিগারেশন থাকে। এটি অ্যাপ্লিকেশনের নির্মাণ প্রক্রিয়া নিয়ন্ত্রণ করে।
5. package.json
   এই ফাইলটি অ্যাপ্লিকেশনের ডিপেনডেন্সি (যেমন, Angular, RxJS, এবং অন্যান্য লাইব্রেরি), সক্রিপ্ট এবং অন্যান্য প্রজেক্টের মেটাডেটা ধারণ করে। এটি npm এর জন্য প্রধান কনফিগারেশন ফাইল।
6. tsconfig.json
   টাইপস্ক্রিপ্ট কনফিগারেশন ফাইল, যেখানে টাইপস্ক্রিপ্টের কম্পাইলেশন অপশন এবং ফাইলের ইনক্লুড ও এক্সক্লুড পাথ সংরক্ষিত থাকে।
7. tslint.json
   এই ফাইলটি টাইপস্ক্রিপ্ট কোডের স্টাইল গাইড এবং লিন্টিং রুলস (code quality rules) ধারণ করে। এটি কোডের গুণগত মান বজায় রাখে।
8. README.md
   এই ফাইলটি প্রজেক্টের ডকুমেন্টেশন হিসেবে ব্যবহৃত হয়। সাধারণত, এখানে প্রজেক্ট সম্পর্কে তথ্য, সেটআপ গাইড, ব্যবহারের নির্দেশাবলী এবং কনট্রিবিউট করার নির্দেশাবলী থাকে।

সারাংশ

Angular প্রজেক্টের স্ট্রাকচার খুবই পরিষ্কার এবং সুসংগঠিত, যাতে ডেভেলপাররা অ্যাপ্লিকেশন ডেভেলপ করতে এবং রক্ষণাবেক্ষণ করতে সহজভাবে কাজ করতে পারে। src/app ফোল্ডারের মধ্যে মূল অ্যাপ্লিকেশন কোড রাখা হয়, এবং অন্যান্য ফোল্ডার ও ফাইল গুলি অ্যাপ্লিকেশনের সেটিংস, কনফিগারেশন, টেস্টিং, এবং মিডিয়া ফাইলের জন্য ব্যবহৃত হয়।

Node.js হলো একটি ওপেন সোর্স রানটাইম এনভায়রনমেন্ট, যা JavaScript কোড সার্ভারে রান করানোর জন্য ব্যবহৃত হয়। এটি Google Chrome এর V8 JavaScript engine ব্যবহার করে এবং JavaScript রান করার জন্য প্রয়োজনীয় সকল ইন্টারফেস সরবরাহ করে। এর মাধ্যমে আপনি সার্ভার-সাইড অ্যাপ্লিকেশন যেমন API সার্ভার, রিয়েল-টাইম অ্যাপ্লিকেশন ইত্যাদি তৈরি করতে পারেন।

npm (Node Package Manager) হলো Node.js এর জন্য প্যাকেজ ম্যানেজার, যা বিভিন্ন লাইব্রেরি এবং টুল ইনস্টল করার জন্য ব্যবহৃত হয়।

Node.js এবং npm ইনস্টল করার ধাপ

1. Node.js ডাউনলোড এবং ইনস্টল করুন

   প্রথমে, Node.js ডাউনলোড করার জন্য অফিসিয়াল ওয়েবসাইটে যান: Node.js অফিসিয়াল সাইট

   এখানে দুইটি ভার্সন পাওয়া যাবে:

   • LTS (Long Term Support): এটি স্থিতিশীল এবং দীর্ঘ সময় সাপোর্ট পাওয়া যায়। সাধারণত এটি প্রোডাকশন পরিবেশে ব্যবহৃত হয়।
   • Current: এই ভার্সনে নতুন ফিচার থাকে তবে এটি স্থিতিশীল না হতে পারে।

   সাধারণত LTS ভার্সন নির্বাচন করা উচিত। LTS ভার্সনটি ডাউনলোড এবং ইনস্টল করুন।

2. ইনস্টলেশন প্রক্রিয়া
   • Windows: ডাউনলোড করা .msi ফাইলটি রান করুন এবং নির্দেশনা অনুসরণ করে Node.js ইনস্টল করুন।
   • Mac: ডাউনলোড করা .pkg ফাইলটি রান করুন এবং নির্দেশনা অনুসরণ করুন।

   • Linux: টার্মিনালে নিচের কমান্ড ব্যবহার করে Node.js ইনস্টল করতে পারেন:

     sudo apt-get update
     sudo apt-get install nodejs
     sudo apt-get install npm
     

3. ইনস্টলেশন চেক করুন

   Node.js এবং npm সঠিকভাবে ইনস্টল হয়েছে কিনা তা চেক করতে কমান্ড লাইন বা টার্মিনালে নিচের কমান্ডগুলো ব্যবহার করুন:

   • Node.js এর সংস্করণ চেক করতে:

     node -v
     

     এটি Node.js এর বর্তমান সংস্করণ দেখাবে। উদাহরণস্বরূপ: v16.13.0

   • npm এর সংস্করণ চেক করতে:

     npm -v
     

     এটি npm এর সংস্করণ দেখাবে। উদাহরণস্বরূপ: 8.1.0

npm দিয়ে প্যাকেজ ইনস্টল করা

Node.js এবং npm সফলভাবে ইনস্টল হলে, এখন আপনি npm ব্যবহার করে বিভিন্ন প্যাকেজ ইনস্টল করতে পারবেন।

npm ব্যবহার করে নতুন প্যাকেজ ইনস্টল করার জন্য:

npm install <package-name>

যেমন, Angular CLI ইনস্টল করার জন্য:

npm install -g @angular/cli

এতে Angular CLI গ্লোবালি ইনস্টল হবে।

সারাংশ

Node.js এবং npm ইনস্টল করার মাধ্যমে আপনি JavaScript বা TypeScript দিয়ে সার্ভার-সাইড অ্যাপ্লিকেশন ডেভেলপ করতে পারবেন। npm এর মাধ্যমে বিভিন্ন লাইব্রেরি, ফ্রেমওয়ার্ক এবং টুল সহজে ইনস্টল করা যায়। Node.js এবং npm সঠিকভাবে ইনস্টল হলে, আপনি দ্রুত ডেভেলপমেন্ট প্রক্রিয়া শুরু করতে পারবেন।

Angular CLI (Command Line Interface) হল একটি শক্তিশালী টুল যা Angular অ্যাপ্লিকেশন তৈরি, ডেভেলপ, টেস্ট এবং ডিপ্লয় করতে সাহায্য করে। Angular CLI ব্যবহার করে বিভিন্ন কমান্ডের মাধ্যমে অ্যাপ্লিকেশন পরিচালনা করা যায়। এখানে কিছু সাধারণ কমান্ডের ব্যাখ্যা দেওয়া হলো যা Angular প্রজেক্ট তৈরি এবং পরিচালনা করতে সহায়তা করবে।

1. নতুন প্রজেক্ট তৈরি করা

Angular CLI দিয়ে নতুন একটি Angular প্রজেক্ট তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng new project-name

এখানে project-name আপনার পছন্দের প্রজেক্টের নাম হতে হবে। এই কমান্ডটি একটি নতুন প্রজেক্ট তৈরি করবে এবং প্রজেক্টের জন্য সমস্ত প্রয়োজনীয় ফাইল ও ডিরেক্টরি তৈরি করবে।

2. অ্যাপ্লিকেশন সার্ভার চালানো

Angular অ্যাপ্লিকেশন চালানোর জন্য ng serve কমান্ডটি ব্যবহার করা হয়:

ng serve

এই কমান্ডটি অ্যাপ্লিকেশনটি সার্ভারে চালু করে এবং সাধারণত http://localhost:4200/ এ অ্যাপ্লিকেশনটি দেখাবে। এটি ডেভেলপমেন্ট সার্ভার চালানোর জন্য ব্যবহৃত হয়।

3. কম্পোনেন্ট তৈরি করা

নতুন একটি কম্পোনেন্ট তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng generate component component-name

এটি একটি নতুন কম্পোনেন্ট তৈরি করবে এবং প্রজেক্টের src/app/ ফোল্ডারে কম্পোনেন্টের জন্য সমস্ত ফাইল (HTML, CSS, TypeScript, এবং টেস্ট ফাইল) তৈরি করবে। আপনি g c এর শর্টকাটও ব্যবহার করতে পারেন।

ng g c component-name

4. সার্ভিস তৈরি করা

নতুন একটি সার্ভিস তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng generate service service-name

এটি একটি নতুন সার্ভিস তৈরি করবে এবং src/app/ ফোল্ডারে সার্ভিসের জন্য একটি TypeScript ফাইল তৈরি করবে।

5. মডিউল তৈরি করা

নতুন একটি মডিউল তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng generate module module-name

এটি একটি নতুন মডিউল তৈরি করবে এবং প্রজেক্টের src/app/ ফোল্ডারে মডিউলের জন্য একটি TypeScript ফাইল তৈরি করবে।

6. ক্লাস তৈরি করা

নতুন একটি ক্লাস তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng generate class class-name

এটি একটি নতুন ক্লাস তৈরি করবে এবং src/app/ ফোল্ডারে ক্লাসের জন্য একটি TypeScript ফাইল তৈরি করবে।

7. ইউনিট টেস্ট চালানো

অ্যাপ্লিকেশনের ইউনিট টেস্ট চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

ng test

এটি Jasmine এবং Karma ব্যবহার করে আপনার অ্যাপ্লিকেশনটির টেস্ট রান করবে এবং টেস্টের রেজাল্ট দেখাবে।

8. এন্ড-টু-এন্ড টেস্ট চালানো

এন্ড-টু-এন্ড টেস্টিং চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

ng e2e

এটি Protractor ব্যবহার করে আপনার অ্যাপ্লিকেশনের এন্ড-টু-এন্ড টেস্ট চালাবে।

9. প্রোডাকশন বিল্ড তৈরি করা

অ্যাপ্লিকেশনের প্রোডাকশন বিল্ড তৈরি করতে নিচের কমান্ডটি ব্যবহার করুন:

ng build --prod

এটি অ্যাপ্লিকেশনের কোডকে মিনিফাই করবে এবং প্রোডাকশন পরিবেশে ব্যবহার উপযোগী একটি বিল্ড তৈরি করবে। এটি আপনার প্রজেক্টের dist/ ফোল্ডারে স্ট্যাটিক ফাইল তৈরি করবে।

10. প্যাকেজের নির্ভরতা আপডেট করা

Angular প্রজেক্টে প্যাকেজের নির্ভরতা আপডেট করতে নিচের কমান্ডটি ব্যবহার করুন:

npm update

এটি আপনার package.json ফাইলের ভিত্তিতে সকল প্যাকেজ আপডেট করবে।

11. প্যাকেজ ইনস্টল করা

প্রজেক্টে নতুন কোনো প্যাকেজ ইনস্টল করতে নিচের কমান্ডটি ব্যবহার করুন:

npm install <package-name>

এটি নির্দিষ্ট প্যাকেজ ইনস্টল করবে এবং package.json ফাইলে প্যাকেজের তথ্য যোগ করবে।

12. কোড লিন্টিং চালানো

Angular প্রজেক্টে কোড লিন্টিং চালাতে নিচের কমান্ডটি ব্যবহার করুন:

ng lint

এটি আপনার কোডের স্টাইল চেক করবে এবং সমস্ত লিন্টিং সম্পর্কিত ত্রুটি দেখাবে।

সারাংশ

Angular CLI একটি শক্তিশালী টুল, যা Angular অ্যাপ্লিকেশন ডেভেলপমেন্টকে দ্রুত, সহজ এবং দক্ষ করে তোলে। এটি বিভিন্ন গুরুত্বপূর্ণ কমান্ড সরবরাহ করে যেমন নতুন প্রজেক্ট তৈরি, কম্পোনেন্ট তৈরি, সার্ভিস এবং মডিউল তৈরি, টেস্টিং, প্রোডাকশন বিল্ড, এবং আরও অনেক কিছু। Angular CLI এর মাধ্যমে আপনি আপনার অ্যাপ্লিকেশন ডেভেলপমেন্টের বিভিন্ন কাজ খুব সহজেই সম্পন্ন করতে পারবেন।