প্রিয় ডেভেলপারস! আসসালামু আলাইকুম, আশা করি ভালো আছেন। আজেকর এই ব্লগে TypeScript এর Installation and Environment Setup সম্পর্কে বিস্তারিত টিউটোরিয়াল আপনাদের মাঝে শেয়ার করবো, আশা করি আপনারা উপকৃত হবেন। তাহলে শুরু করা যাক…
TypeScript Installation and Environment Setup
গতপর্বে আমরা জেনেছি যে, TypeScript হলো JavaScript এর সুপারসেট এবং কোডিং এর ক্ষেত্রে ডাটা সেফটি প্রদান করে। যার ফলে Application এ যাবতীয় টাইপ এরর থেকে বেঁচে থাকা যায়। আর এই সম্পর্কে আমাদের লোকাল মেশিনে TypeScript এবং তার যাবতীয় Environment সেটাপ করতে হবে। যা নিম্নে বর্ণনা করা হলো –
TypeScript
লোকাল মেশিনে ব্যবহার করার জন্য যে সকল Software ইন্সটল করতে হবে, তা নিন্মরুপ –
- Install Node.js
- Install VS Code Editor
- Install TypeScript (Globally)
- Install TypeScript Extension (Optional)
নোটঃ যদি আপনার
মেশিনে উপরিল্লোখিত
Software গুলো ইন্সটল করা থাকে, তাহলে আপনার ইন্সটল
করা লাগবে না। আর যদি লোকাল মেশিনে ইন্সটল
করা না থাকে তাহলে নিম্নে প্রদত্ত নিয়মনুসারে ইন্সটল করে নিন। (তবে চেষ্টা করবেন সর্বদা আপডেটেড
Software ব্যবহার করার জন্য, যাতে করে যাবতীয়
error / version issues নিয়ে প্যারা খেতে না হয়।)
Install Node.js
আপনার লোকাল মেশিনে Node.js ইন্সটল করার জন্য নিম্নের ধাপগুলো অনুসরণ করুন।
ধাপ ১ – প্রথমে Node.js এর অফিসিয়াল ওয়েবাসাইটে যান - https://nodejs.org/en/download/ (সবসময় লেটেস্ট
Node.js ভার্সন ব্যবহার করার
চেষ্টা করবেন)
ধাপ ২ – আপনার মেশিনের প্লাটফর্ম (windows, macOS, Linux) এবং বিট (32-bit/64-bit/ARM64) অনুযায়ী ডাউনলোড করে
নিন।
ধাপ ৩ – ডাইনলোডকৃত Node.js এর ফাইল লোকাল মেশিনে ইন্সটল করার জন্য বিভিন্ন প্লাটফর্মে বিভিন্ন
রকম পদ্ধতি অনুসরণ করতে হয়, যা নিম্নে উল্লেখ করা
হলো –
Windows এর জন্যঃ ডাইনলোডকৃত Node.js এর .exe ফাইলে ক্লিক করুন এবং পরবর্তি ধাপ অনুসরণ করে ইন্সটল প্রক্রিয়া শেষ করুন।
Mac এর জন্যঃ ডাইনলোডকৃত Node.js কে MacOs ইন্সটল করার জন্য
“Macintosh Installer” অপশন ক্লিক করে Node.js.pkg ফাইলটি রান করুন।
Linux এর জন্যঃ আপনার লোকাল মেশিনের টারমিনাল খুলুন এবং এই কমান্ড
“sudo apt install nodejs” রান করুন।
ধাপ ৪ – ইন্সটল প্রক্রিয়া শেষ করার পর আপনার মেশিনে
(cmd অথবা bash) ওপেন করে node –v এই কমান্ড রান করুন এবং যদি v18.18.0 (এই ভার্সন পরিবর্তন হতেই পারে, তবে Node.js এর অফিসিয়াল পেইজ থেকে লেটেষ্ট ভার্সন নামালেই হবে।) এই লেখা
দেখেন তাহলে আপনি সফলভাবে আপনার মেশিনে নোড ইন্সটল করেছেন। আর যদি না দেখেন তাহলে পুনুরায়
প্রথম ধাপ থেকে শেষ পর্যন্ত চেষ্টা করলেই হয়ে যাবে। ইনশাআল্লাহ্। তারপরও যদি সমস্যা
হয় তাহলে কমেন্ট বক্সে জানিয়ে দিন।
Install VS Code Editor
আপনার লোকাল মেশিনে Visual Studio Code
(VS Code) ইন্সটল করার জন্য নিম্নের ধাপগুলো অনুসরণ
করুন।
ধাপ ১ – প্রথমে Visual
Studio Code এর অফিসিয়াল ওয়েবাসাইটে যান - https://code.visualstudio.com/ (সবসময় লেটেস্ট Visual Studio Code ভার্সন ব্যবহার করার চেষ্টা করবেন)
ধাপ ২ – আপনার মেশিনের প্লাটফর্ম (windows, macOS, Linux) অনুযায়ী ডাউনলোড করে
নিন।
ধাপ ৩ – ডাইনলোডকৃত Visual Studio Code এর ফাইলে ক্লিক করে ইন্সটল প্রক্রিয়া
শেষ করুন। যদি Visual Studio Code ইন্সটল বা সেটাপ করতে সমস্যা হয় তাহলে কমেন্ট বক্সে বিস্তারিত লিখে জানিয়ে দিন।
Install TypeScript (Globally)
Node.js এবং VSCode
Editor সফলভাবে ইন্সটল করা হলে, এখন আপনার লোকাল মেশিনে TypeScript
Compiler ইন্সটল করতে হবে। TypeScript ইন্সটল করার জন্য নোড এর যে কোন একটি প্যাকেজ ম্যানেজার ব্যবহার করতে হবে, তার মধ্যে উল্লেখযোগ্য নোড প্যাকেজ ম্যানেজার গুলো হলো (npm, yarn, pnpm)। তবে আমরা এই টিউটোরিয়ালে ‘npm’ প্যাকেজ ব্যবহার করবো। তবে আপনি চাইলে আপনার পছন্দমতো যে কোন একটা ব্যবহার করলেই হবে, ব্যবহারের নিয়ম একই, সামান্য কিছু পার্থক্য রয়েছে।
TypeScript আপনার লোকাল মেশিনে ইন্সটল করার জন্য আপনার পছন্দমতো যে কোনো
একটি টারমিনাল খুলুন এবং নিম্নের কমান্ড টারমিনালে রান করুন –
[npm install -g typescript]
নোটঃ –g এই ফ্লাগটি দেওয়ার কারণ কি? এখানে ‘g’ মানে গ্লোবাল, যখন কোন প্যাকেজ ইন্সটল করার সময় ‘-g’ ফ্লাগটি ব্যবহার করবেন, তাহলে এই প্যাকেজটি আপনার লোকাল মেশিনে গ্লোবাললি ইন্সটল হয়েছে। এর মানে এই প্যাকেজ দ্বিতীয় বার ব্যবহার করতে হলে কোনো কমান্ড রান করতে হবে না।
এই কমান্ড রান করার কিছুক্ষণের মধ্যে আপনার মেশিনে TypeScript Compiler ইন্সটল হয়ে যাবে। তবে তা ঠিকভাবে ইন্সটল হয়েছে কিনা তা জানার জন্য আপনার লোকাল মেশিনের টারমিনালে নিম্নের কমান্ডটি রান করুন –
[tsc –v]
এই কমান্ড রান করার পর আপনি আপনার টারমিনালে এই লেখাটি
Version 5.2.2 (আমার ভার্সনের
সাথে আপনার ভার্সন মিলতে নাও পারে, তাতে কোনো সমস্যা হবে না) দেখতে পাবেন। যদি দেখেন তাহলে আপনার
মেশিনে TypeScript Compiler সফলভাবে ইন্সটল হয়েছে। আর যদি না দেখেন তাহলে পুনুরায় চেষ্টা করুন। তারপরও যদি
সমস্যা হয় তাহলে কমেন্ট বক্সে জানিয়ে দিন।
Install TypeScript Extension (Optional)
TypeScript
Extension ইন্সটল করার জন্য নিম্নের ধাপগুলো অনুসরণ করুন।
ধাপ ১ – আপনার লোকাল মেশিনে ইন্সটলকৃত Visual Studio Code (Code
Editor) টি খুলুন এবং সাইড-মেনুবার থেকে “Extensions” উপর ক্লিক করুন অথবা কিবোর্ড থেকে শটকার্ট কি ‘Ctrl+Shift+X’ ব্যবহার করুন।
ধাপ ২ – সার্চবারে গিয়ে “JavaScript and TypeScript
Nightly” লিখুন এবং অপেক্ষা করুন, কিছুক্ষণের মধ্যে আপনি আপনার কোড এডিটরে এক্সটেনশন দেখতে পাবেন এবং ‘install’ বাটনে ক্লিক করুন। ব্যাস আপনার কাজ শেষ এখন আপনার লোকাল মেশিন TypeScript কোড লেখা এবং রান করার জন্য প্রস্তুত।
আশা করি আপনি আজকের
এই ব্লগটি মনোযোগ সহকারে পড়েছেন। আজকের ব্লগটি আপনার কাছে কেমন লেগেছে অবশ্যই কমেন্ট করে জানাবেন, আর যদি কোন ভূল হয়ে থাকে তাহলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন
এবং কোথায় ভূল হয়েছে কমেন্ট করে জানাবেন। পোষ্টে উল্লিখিত কোনো অংশ যদি বুঝতে সমস্যা
হয়, তাহলে কমেন্ট বক্সে জানিয়ে দিন। ইনশাআল্লাহ্, সমস্যা সমাধানের চেষ্টা করবো। আর ওয়েবসাইটটি বন্ধুদের মাঝে শেয়ার
করবেন। আজকের মতই এখানেই বিদায় নিলাম, ইনশাআল্লাহ দেখা হবে অন্য
কোন ব্লগে। ভালো থাকবেন সুস্থ থাকবেন। আল্লাহ হাফেয।
