প্রথম TypeScript প্রজেক্ট তৈরি করা

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 এর সাহায্যে আরও বড় এবং মেনটেইনেবল অ্যাপ্লিকেশন তৈরি করা সম্ভব।