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 কমান্ড ব্যবহার করে সহজেই কোড কম্পাইল করতে পারবেন।