TypeScript সেটআপ এবং ইনস্টলেশন

TypeScript ব্যবহার শুরু করতে হলে আপনাকে প্রথমে সেটআপ এবং ইনস্টলেশন প্রক্রিয়া সম্পন্ন করতে হবে। নিচে TypeScript সেটআপ এবং ইনস্টলেশন সম্পর্কিত ধাপগুলো বিস্তারিতভাবে ব্যাখ্যা করা হলো।

১. Node.js ইনস্টল করা

TypeScript রান করার জন্য আপনার সিস্টেমে Node.js এবং npm (Node Package Manager) ইনস্টল থাকা প্রয়োজন। Node.js JavaScript রান করার জন্য একটি পরিবেশ প্রদান করে, এবং npm এর মাধ্যমে আপনি বিভিন্ন প্যাকেজ ইনস্টল করতে পারেন, যেটি TypeScript এর জন্য প্রয়োজনীয়।

Node.js ইনস্টলেশন

1. Node.js এর অফিসিয়াল ওয়েবসাইটে যান: https://nodejs.org
2. সাইটে গিয়ে আপনার অপারেটিং সিস্টেম অনুযায়ী স্থিতিশীল (LTS) সংস্করণটি ডাউনলোড করুন।
3. ডাউনলোড হওয়া ফাইলটি রান করে Node.js ইনস্টল করুন।

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

node -v
npm -v

উপরোক্ত কমান্ড দুটি আপনার Node.js এবং npm এর সংস্করণ দেখাবে।

২. TypeScript ইনস্টল করা

TypeScript ইনস্টল করার জন্য npm (Node Package Manager) ব্যবহার করতে হবে। এটি আপনার সিস্টেমে TypeScript এর কম্পাইলার (tsc) ইনস্টল করবে।

গ্লোবালি TypeScript ইনস্টল করা

গ্লোবালি TypeScript ইনস্টল করার মাধ্যমে আপনি যেকোনো ডিরেক্টরি থেকে tsc কমান্ডটি ব্যবহার করতে পারবেন।

npm install -g typescript

এটি TypeScript কম্পাইলার (tsc) ইনস্টল করবে। ইনস্টলেশন সফল হলে, টার্মিনালে নিচের কমান্ড দিয়ে TypeScript সংস্করণ চেক করুন:

tsc -v

৩. প্রোজেক্ট ডিরেক্টরি তৈরি করা

TypeScript প্রজেক্ট শুরু করতে হলে, একটি নতুন ডিরেক্টরি তৈরি করুন এবং সেখানে প্রোজেক্ট ফাইলগুলি রাখুন।

mkdir my-typescript-project
cd my-typescript-project

৪. TypeScript কনফিগারেশন ফাইল (tsconfig.json) তৈরি করা

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

প্রথমে, tsc --init কমান্ডটি রান করুন, যা tsconfig.json ফাইলটি তৈরি করবে।

tsc --init

এটি একটি ডিফল্ট tsconfig.json ফাইল তৈরি করবে, যার মধ্যে বিভিন্ন কনফিগারেশন অপশন থাকবে। আপনি এখানে টাইপ চেকিং, আউটপুট ফোল্ডার এবং অন্যান্য সেটিংস কাস্টমাইজ করতে পারেন।

৫. TypeScript কোড লেখা

এখন আপনি TypeScript কোড লেখা শুরু করতে পারেন। একটি নতুন .ts ফাইল তৈরি করুন, যেমন index.ts এবং কোড লিখুন:

let message: string = "Hello, TypeScript!";
console.log(message);

৬. TypeScript কম্পাইল করা (tsc কমান্ড)

TypeScript কোড .ts ফাইল হিসেবে থাকে, কিন্তু এটি ব্রাউজার বা Node.js এ চলার জন্য JavaScript এ রূপান্তর করতে হয়। এটি করতে tsc কমান্ড ব্যবহার করুন।

tsc index.ts

এটি index.ts ফাইলটি কম্পাইল করে index.js নামে একটি JavaScript ফাইল তৈরি করবে। এখন আপনি index.js ফাইলটি Node.js অথবা ব্রাউজারে রান করতে পারবেন।

node index.js

৭. অটোমেটিক কম্পাইলেশন (Watch Mode)

TypeScript এর Watch Mode ফিচার ব্যবহার করে আপনি স্বয়ংক্রিয়ভাবে .ts ফাইলটি কম্পাইল করতে পারেন, যেহেতু আপনি কোডে পরিবর্তন করবেন। এটি tsc --watch কমান্ড দিয়ে চালু করতে পারেন:

tsc --watch

এখন যখনই আপনি .ts ফাইলটি সেভ করবেন, TypeScript কম্পাইলার এটি স্বয়ংক্রিয়ভাবে কম্পাইল করে দেবে।

৮. TypeScript ডেভেলপমেন্ট পরিবেশ

বেশিরভাগ ডেভেলপাররা TypeScript কোড লেখার জন্য Visual Studio Code (VS Code) বা WebStorm মতো আধুনিক কোড এডিটর ব্যবহার করেন, যেগুলো TypeScript এর জন্য উন্নত টুলিং এবং অটো-কমপ্লিশন সাপোর্ট প্রদান করে।

• VS Code ইনস্টল করতে, VS Code ডাউনলোড পৃষ্ঠা থেকে ডাউনলোড করুন।
• Visual Studio Code এ TypeScript এর জন্য সমস্ত প্রয়োজনীয় প্লাগইন এবং ফিচার ডিফল্টভাবে উপস্থিত থাকে।

সারাংশ

TypeScript ইনস্টল এবং সেটআপ করা সহজ। Node.js এবং npm ইনস্টল করার পর TypeScript ইনস্টল করে, একটি নতুন প্রজেক্ট তৈরি করে এবং tsconfig.json কনফিগারেশন ফাইল সেটআপ করে আপনি TypeScript ব্যবহার শুরু করতে পারেন। TypeScript এর শক্তিশালী টুলিং, টাইপ সেফটি এবং উন্নত ফিচারগুলো বড় প্রজেক্ট ডেভেলপমেন্টে বিশেষভাবে সহায়ক।

Node.js এবং npm (Node Package Manager) ইনস্টল করা খুবই গুরুত্বপূর্ণ, কারণ TypeScript এবং অন্যান্য JavaScript প্যাকেজ ব্যবহারের জন্য এটি প্রাথমিক ধাপ। নিচে Node.js এবং npm ইনস্টল করার প্রক্রিয়া বিস্তারিতভাবে ব্যাখ্যা করা হলো।

১. Node.js ইনস্টল করা

Node.js হলো একটি JavaScript রানটাইম পরিবেশ, যা JavaScript কোড সার্ভার সাইডে চালানোর জন্য ব্যবহৃত হয়। TypeScript কম্পাইলারও Node.js পরিবেশে রান হয়, তাই Node.js ইনস্টল করা আবশ্যক।

ইনস্টলেশন ধাপ:

1. Node.js এর অফিসিয়াল ওয়েবসাইটে যান:
   Node.js ডাউনলোড পেজ

2. Node.js সংস্করণ নির্বাচন করুন:
   ওয়েবসাইটে আপনি দুটি সংস্করণ দেখতে পাবেন:

   • LTS (Long Term Support): স্থিতিশীল এবং দীর্ঘমেয়াদি সমর্থন পায়, এটি প্রোডাকশন ব্যবহারের জন্য উত্তম।
   • Current: নতুন ফিচার সহ, তবে কিছুটা পরীক্ষামূলক হতে পারে।

   সাধারণত, LTS সংস্করণটি ডাউনলোড করা উচিত।

3. ডাউনলোড করুন এবং ইনস্টল করুন:
   আপনার অপারেটিং সিস্টেম অনুযায়ী সংস্করণ নির্বাচন করে ডাউনলোড করুন। এরপর, ডাউনলোড করা ফাইলটি চালিয়ে ইনস্টলেশন প্রক্রিয়া শুরু করুন।

4. ইনস্টলেশন চেক করুন:
   ইনস্টলেশন সফল হলে, টার্মিনালে (বা কমান্ড প্রম্পট) নিচের কমান্ডগুলো চালিয়ে Node.js এবং npm এর সংস্করণ চেক করুন:

   node -v
   npm -v
   

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

   v18.12.1  (Node.js)
   8.19.2   (npm)
   

২. npm (Node Package Manager) সম্পর্কে

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

আপনি npm কমান্ড দিয়ে প্যাকেজ ইনস্টল করতে পারেন:

npm install <package-name>

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

npm install -g typescript

এছাড়া, npm আপনার প্রজেক্টের জন্য package.json ফাইল তৈরি এবং ম্যানেজ করতে সাহায্য করে, যাতে আপনি নির্দিষ্ট লাইব্রেরি ও টুলস সহজে ট্র্যাক করতে পারেন।

৩. Node.js এবং npm ইনস্টলেশনের পরবর্তী ধাপ

ইনস্টলেশনের পর, আপনি TypeScript, Express.js, React বা অন্যান্য JavaScript লাইব্রেরি ইনস্টল করতে পারবেন এবং আপনার প্রকল্পের জন্য কার্যকরী কোড তৈরি করতে পারবেন।

নতুন একটি প্রজেক্ট শুরু করতে হলে, প্রথমে npm দিয়ে প্রজেক্ট ইনিশিয়ালাইজ করুন:

npm init -y

এই কমান্ডটি একটি package.json ফাইল তৈরি করবে, যেখানে আপনার প্রজেক্টের প্যাকেজ এবং ডিপেন্ডেন্সি লিস্ট থাকবে।

উপসংহার

Node.js এবং npm ইনস্টল করার মাধ্যমে আপনি JavaScript এবং TypeScript কোড ডেভেলপমেন্টের জন্য প্রস্তুত হয়ে যান। এটি আপনার প্রকল্পের জন্য লাইব্রেরি ইনস্টল, ডিপেন্ডেন্সি ম্যানেজমেন্ট, এবং অন্যান্য টুলস ব্যবহার করার সুযোগ তৈরি করে।

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

১. TypeScript গ্লোবালি ইনস্টল করা

আপনি যদি TypeScript কম্পাইলার (tsc) পুরো সিস্টেমে ব্যবহার করতে চান, তাহলে গ্লোবাল ইনস্টলেশন করতে হবে। এতে আপনি যেকোনো ডিরেক্টরি থেকে tsc কমান্ড ব্যবহার করতে পারবেন।

ইনস্টলেশন ধাপ:

1. টার্মিনাল বা কমান্ড প্রম্পট খুলুন।

2. নিচের কমান্ডটি রান করুন TypeScript গ্লোবালি ইনস্টল করার জন্য:

   npm install -g typescript
   

   -g অপশনটি TypeScript কে গ্লোবালভাবে ইনস্টল করবে, যার ফলে আপনি যেকোনো ফোল্ডারে tsc কমান্ড ব্যবহার করতে পারবেন।

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

   ইনস্টলেশন সফল হলে, tsc কমান্ডের সংস্করণ চেক করতে নিচের কমান্ডটি রান করুন:

   tsc -v
   

   এটি আপনার ইনস্টল করা TypeScript এর সংস্করণ দেখাবে, যেমন:

   Version 4.x.x
   

২. TypeScript লোকালি ইনস্টল করা

যদি আপনি শুধুমাত্র একটি নির্দিষ্ট প্রজেক্টে TypeScript ব্যবহার করতে চান, তবে আপনি এটি লোকালি ইনস্টল করতে পারেন। এটি আপনার প্রজেক্টের node_modules ফোল্ডারে TypeScript ইনস্টল করবে, এবং শুধুমাত্র ঐ প্রজেক্টের জন্য কার্যকর হবে।

ইনস্টলেশন ধাপ:

1. প্রজেক্ট ডিরেক্টরিতে যান (যদি নতুন প্রজেক্ট তৈরি না করে থাকেন):

   mkdir my-typescript-project
   cd my-typescript-project
   

2. npm ইনিশিয়ালাইজ করুন:

   প্রজেক্টে package.json ফাইল তৈরি করতে নিচের কমান্ডটি রান করুন:

   npm init -y
   

   এটি package.json ফাইল তৈরি করবে।

3. TypeScript ইনস্টল করুন:

   লোকালি TypeScript ইনস্টল করতে নিচের কমান্ডটি রান করুন:

   npm install --save-dev typescript
   

   এখানে --save-dev অপশনটি TypeScript কে ডেভেলপমেন্ট ডিপেন্ডেন্সি হিসেবে ইনস্টল করবে, যার মানে এটি শুধুমাত্র ডেভেলপমেন্ট পরিবেশে ব্যবহৃত হবে।

4. টুলস সিকোয়েন্স চেক করুন:

   লোকালি ইনস্টল করার পর, আপনি node_modules/.bin/tsc কমান্ড ব্যবহার করতে পারবেন TypeScript কম্পাইলার রান করার জন্য।

   ./node_modules/.bin/tsc -v
   

   অথবা আপনি npm scripts ব্যবহার করতে পারেন tsc কমান্ড চালানোর জন্য।

৩. TypeScript কনফিগারেশন ফাইল তৈরি করা (tsconfig.json)

TypeScript প্রজেক্টের কনফিগারেশন সেট করতে একটি tsconfig.json ফাইল তৈরি করা প্রয়োজন। এটি TypeScript কম্পাইলারকে নির্দেশ দেয় কিভাবে .ts ফাইলগুলো কম্পাইল করতে হবে।

1. tsconfig.json ফাইল তৈরি করতে:

   নিচের কমান্ডটি রান করুন:

   npx tsc --init
   

   এটি একটি tsconfig.json ফাইল তৈরি করবে যেখানে আপনি TypeScript এর কম্পাইলেশন অপশন কাস্টমাইজ করতে পারবেন। আপনি যেমন target, module, outDir ইত্যাদি অপশন সেট করতে পারবেন।

৪. TypeScript কোড লেখা এবং কম্পাইল করা

1. এখন একটি TypeScript ফাইল তৈরি করুন, যেমন index.ts:

   let message: string = "Hello, TypeScript!";
   console.log(message);
   

2. TypeScript কম্পাইল করুন:

   আপনার .ts ফাইলটি কম্পাইল করতে tsc কমান্ড ব্যবহার করুন:

   tsc index.ts
   

   এটি .ts ফাইলটি .js ফাইলে রূপান্তর করবে, যেমন index.js।

3. JavaScript ফাইল রান করুন:

   JavaScript ফাইলটি Node.js এর মাধ্যমে রান করুন:

   node index.js
   

   এটি আউটপুট হিসেবে "Hello, TypeScript!" মুদ্রণ করবে।

৫. TypeScript প্রজেক্টের কম্পাইলেশন

একাধিক .ts ফাইল থাকলে, আপনি সহজেই পুরো প্রজেক্ট কম্পাইল করতে পারেন। tsconfig.json ফাইলের মাধ্যমে TypeScript কম্পাইলারটি পুরো প্রজেক্টের সব .ts ফাইলগুলো একসাথে কম্পাইল করতে সক্ষম হবে।

tsc

এটি tsconfig.json ফাইল অনুসারে সমস্ত .ts ফাইলকে কম্পাইল করে JavaScript ফাইলে রূপান্তর করবে।

উপসংহার

npm ব্যবহার করে TypeScript ইনস্টল করা খুবই সহজ এবং কার্যকর। আপনি গ্লোবালি বা লোকালি যেকোনো একভাবে TypeScript ইনস্টল করতে পারেন। TypeScript এর গ্লোবাল ইনস্টলেশন আপনাকে যেকোনো প্রজেক্টে tsc কমান্ড ব্যবহার করার সুযোগ দেয়, আর লোকাল ইনস্টলেশন প্রজেক্ট ভিত্তিক ব্যবহারের জন্য উপযুক্ত।

TypeScript কম্পাইলার (tsc) হলো TypeScript কোডকে JavaScript এ রূপান্তর করার মূল টুল। এটি TypeScript কোড ফাইলগুলোকে কম্পাইল (transpile) করে JavaScript ফাইলে পরিণত করে, যা ব্রাউজার বা Node.js এ চলতে সক্ষম হয়। নিচে TypeScript কম্পাইলার (tsc) সেটআপ করার বিস্তারিত প্রক্রিয়া দেওয়া হলো।

১. TypeScript ইনস্টলেশন চেক করা

প্রথমে, নিশ্চিত করুন যে আপনি TypeScript সঠিকভাবে ইনস্টল করেছেন। আপনি যদি TypeScript গ্লোবালি ইনস্টল করে থাকেন, তবে কমান্ড প্রম্পট বা টার্মিনালে নিচের কমান্ডটি চালিয়ে নিশ্চিত হতে পারেন:

tsc -v

এটি TypeScript এর বর্তমান সংস্করণ দেখাবে, যেমন:

Version 4.x.x

যদি এটি প্রদর্শিত না হয়, তবে TypeScript ইনস্টলেশন সম্পন্ন হয়নি এবং আপনাকে আবার ইনস্টল করতে হবে। ইনস্টলেশন প্রক্রিয়া আগে বিস্তারিতভাবে আলোচনা করা হয়েছে।

২. প্রোজেক্ট ডিরেক্টরি তৈরি করা

TypeScript কোডে কাজ শুরু করার জন্য একটি নতুন প্রজেক্ট ডিরেক্টরি তৈরি করুন:

mkdir my-typescript-project
cd my-typescript-project

এটি আপনার নতুন প্রজেক্টের জন্য একটি ফোল্ডার তৈরি করবে এবং সেখানে প্রবেশ করবে।

৩. tsconfig.json ফাইল তৈরি করা

TypeScript প্রজেক্টে কম্পাইলার কনফিগারেশনের জন্য একটি tsconfig.json ফাইল প্রয়োজন। এই ফাইলটি TypeScript কম্পাইলারকে বলে দিবে কিভাবে .ts ফাইলগুলো কম্পাইল করতে হবে।

tsconfig.json ফাইলটি তৈরি করতে নিচের কমান্ডটি রান করুন:

npx tsc --init

এই কমান্ডটি একটি ডিফল্ট tsconfig.json ফাইল তৈরি করবে, যা নিচের মতো দেখতে হবে:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "src/**/*"
  ]
}

এই ফাইলটি বিভিন্ন কনফিগারেশন অপশন সেট করতে ব্যবহার হয়, যেমন:

• target: JavaScript এর কোন সংস্করণে কোড কম্পাইল হবে (যেমন, es5, es6, es2017, ইত্যাদি)।
• module: মডিউল সিস্টেম নির্বাচন (যেমন, commonjs, es6, amd, ইত্যাদি)।
• strict: Strict টাইপ চেকিং এনাবল করা।
• esModuleInterop: ES মডিউল ইন্টারঅপারেবিলিটি সক্ষম করা।

৪. TypeScript কোড লেখা

এখন আপনি TypeScript কোড লিখতে শুরু করতে পারেন। একটি .ts ফাইল তৈরি করুন, যেমন index.ts এবং TypeScript কোড লিখুন:

let message: string = "Hello, TypeScript!";
console.log(message);

এই কোডটি একটি স্ট্রিং ভেরিয়েবল ডিফাইন করে এবং সেটি কনসোলে প্রদর্শন করবে।

৫. TypeScript কম্পাইল করা (tsc কমান্ড)

TypeScript কোড .ts ফাইল হিসেবে থাকে, কিন্তু এটি JavaScript ফাইলে রূপান্তর করতে হয়। এটি করতে tsc কমান্ড ব্যবহার করুন। যদি আপনার tsconfig.json ফাইল সঠিকভাবে কনফিগার করা থাকে, তাহলে শুধুমাত্র নিচের কমান্ডটি চালান:

tsc

এটি আপনার সমস্ত .ts ফাইলকে কম্পাইল করে .js ফাইলে পরিণত করবে।

এটি কোডের মধ্যে src ডিরেক্টরি ব্যবহার করলে tsconfig.json ফাইলের include অপশনে এটি অন্তর্ভুক্ত করা হবে।

৬. JavaScript ফাইল রান করা

TypeScript কম্পাইল হওয়ার পর আপনি .js ফাইলটি Node.js বা ব্রাউজারে রান করতে পারবেন।

যেমন, যদি আপনার index.ts কম্পাইল হয়ে index.js ফাইলে রূপান্তরিত হয়, তাহলে node কমান্ড ব্যবহার করে JavaScript কোড চালাতে পারবেন:

node index.js

এটি কনসোলে Hello, TypeScript! আউটপুট দেখাবে।

৭. অটোমেটিক কম্পাইলেশন (Watch Mode)

যদি আপনি চান যে TypeScript কম্পাইলার অটোমেটিকভাবে .ts ফাইলগুলির পরিবর্তন সনাক্ত করে এবং কোড কম্পাইল করে, তাহলে আপনি watch mode ব্যবহার করতে পারেন। এই মোডে TypeScript কোডে যে কোনো পরিবর্তন করলে এটি স্বয়ংক্রিয়ভাবে কোড কম্পাইল করবে।

watch mode চালু করতে নিচের কমান্ডটি রান করুন:

tsc --watch

এটি TypeScript কম্পাইলারকে মনিটর করবে এবং যেকোনো .ts ফাইল পরিবর্তন হলেই তা অটোমেটিকভাবে কম্পাইল করবে।

উপসংহার

TypeScript কম্পাইলার (tsc) সেটআপ করা এবং এটি ব্যবহার করা খুবই সহজ। এটি TypeScript কোডকে JavaScript এ রূপান্তর করার জন্য প্রয়োজনীয় টুল। আপনি যদি একটি প্রকল্পে TypeScript ব্যবহার করতে চান, তবে tsconfig.json কনফিগারেশন ফাইল সেটআপ করে এবং tsc কমান্ড ব্যবহার করে সহজেই কোড কম্পাইল করতে পারবেন।

TypeScript প্রজেক্ট তৈরি করার প্রক্রিয়া সহজ এবং দ্রুত। প্রথম TypeScript প্রজেক্ট তৈরি করার জন্য আপনাকে কিছু ধাপ অনুসরণ করতে হবে। নিচে প্রথম TypeScript প্রজেক্ট তৈরি করার বিস্তারিত গাইড দেওয়া হলো।

১. প্রাথমিক প্রস্তুতি

প্রথমে, নিশ্চিত করুন যে আপনার সিস্টেমে Node.js এবং npm সঠিকভাবে ইনস্টল করা আছে। এটি ছাড়া আপনি TypeScript প্রজেক্ট চালাতে পারবেন না। যদি Node.js এবং npm ইনস্টল না থাকে, প্রথমে সেগুলি ইনস্টল করুন।

ইনস্টলেশনের পর, টার্মিনালে node -v এবং npm -v কমান্ড দিয়ে চেক করুন।

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

প্রথমে, একটি নতুন ডিরেক্টরি তৈরি করুন যেখানে আপনি TypeScript কোড রাখবেন।

mkdir my-first-typescript-project
cd my-first-typescript-project

এটি একটি নতুন ফোল্ডার তৈরি করবে এবং সেখানে প্রবেশ করবে।

৩. npm ইনিশিয়ালাইজ করা

TypeScript প্রজেক্টের জন্য একটি package.json ফাইল তৈরি করতে npm init কমান্ড ব্যবহার করুন। এটি আপনার প্রজেক্টের ডিপেন্ডেন্সি এবং স্ক্রিপ্ট ম্যানেজ করতে সাহায্য করবে।

npm init -y

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

৪. TypeScript ইনস্টল করা

এখন, TypeScript ইনস্টল করতে হবে। আপনি দুইভাবে TypeScript ইনস্টল করতে পারেন:

• গ্লোবালি (সিস্টেমের প্রতিটি প্রজেক্টের জন্য TypeScript কম্পাইলার ব্যবহার করতে)
• লোকালি (নির্দিষ্ট প্রজেক্টের জন্য)

এখানে লোকালি ইনস্টল করার প্রক্রিয়া দেওয়া হয়েছে:

npm install --save-dev typescript

এটি TypeScript কে ডেভেলপমেন্ট ডিপেন্ডেন্সি হিসেবে ইনস্টল করবে এবং আপনার প্রজেক্টের node_modules ফোল্ডারে থাকবে।

৫. TypeScript কনফিগারেশন ফাইল (tsconfig.json) তৈরি করা

TypeScript প্রজেক্টের কনফিগারেশন সেট করতে একটি tsconfig.json ফাইল তৈরি করা প্রয়োজন। এটি TypeScript কম্পাইলারকে নির্দেশ দেয় কিভাবে .ts ফাইলগুলো কম্পাইল করতে হবে।

npx tsc --init

এই কমান্ডটি একটি tsconfig.json ফাইল তৈরি করবে, যা নিচের মতো দেখতে হবে:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "src/**/*"
  ]
}

এখানে src/**/* নির্দেশ করে যে src ফোল্ডারে থাকা সমস্ত TypeScript ফাইলকে কম্পাইল করা হবে।

৬. TypeScript কোড লেখা

এখন আপনি TypeScript কোড লেখা শুরু করতে পারেন। একটি নতুন ফোল্ডার তৈরি করুন src নাম দিয়ে, এবং তার ভিতরে একটি TypeScript ফাইল (index.ts) তৈরি করুন।

mkdir src
touch src/index.ts

এখন src/index.ts ফাইলে নিচের কোড লিখুন:

let message: string = "Hello, TypeScript!";
console.log(message);

এটি একটি message নামক স্ট্রিং ভেরিয়েবল তৈরি করে এবং সেটি কনসোলে প্রদর্শন করবে।

৭. TypeScript কোড কম্পাইল করা

TypeScript কোড .ts ফাইল হিসেবে থাকে, কিন্তু এটি JavaScript এ রূপান্তর (কম্পাইল) করতে হবে। এটি করতে tsc কমান্ড ব্যবহার করুন। যদি আপনার tsconfig.json ফাইল সঠিকভাবে কনফিগার করা থাকে, তাহলে আপনি শুধু নিচের কমান্ডটি রান করুন:

npx tsc

এটি আপনার সমস্ত .ts ফাইলকে কম্পাইল করে .js ফাইলে রূপান্তর করবে। যেমন, index.ts ফাইলটি কম্পাইল হয়ে index.js ফাইলে পরিণত হবে।

৮. JavaScript ফাইল চালানো

এখন, আপনি কম্পাইল হওয়া JavaScript ফাইলটি Node.js দিয়ে চালাতে পারেন। index.js ফাইলটি চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

node dist/index.js

এখানে dist হল TypeScript কোডের কম্পাইলড JavaScript আউটপুট ফোল্ডার, যদি আপনি tsconfig.json এ outDir অপশনটি সেট করে থাকেন।

৯. npm স্ক্রিপ্ট সেট করা (বিকল্প)

আপনি যদি TypeScript কম্পাইলেশন প্রক্রিয়াটি সহজ করতে চান, তবে package.json ফাইলে একটি npm স্ক্রিপ্ট যোগ করতে পারেন। package.json ফাইলে "scripts" সেকশনে নিচের স্ক্রিপ্টটি যোগ করুন:

{
  "scripts": {
    "start": "tsc && node dist/index.js"
  }
}

এখন, আপনি শুধুমাত্র নিচের কমান্ড দিয়ে প্রজেক্টটি চালাতে পারবেন:

npm run start

এটি TypeScript কোড কম্পাইল করবে এবং তারপর JavaScript ফাইলটি চালাবে।

উপসংহার

এই ধাপগুলো অনুসরণ করে আপনি আপনার প্রথম TypeScript প্রজেক্ট তৈরি করতে পারেন। TypeScript আপনাকে JavaScript কোডের জন্য টাইপ সেফটি, উন্নত বাগ চেকিং এবং অন্যান্য সুবিধা প্রদান করে। TypeScript এর সাহায্যে আরও বড় এবং মেনটেইনেবল অ্যাপ্লিকেশন তৈরি করা সম্ভব।