ফ্লাটার টিউটোরিয়াল (পর্ব-০২) || How to install Flutter?

ফ্লাটার টিউটোরিয়ালের পর্ব-২ এ কীভাবে ফ্লাটার (Flutter) আপনাদের কম্পিউটারে ইন্সটল করবেন এবং অ্যাপ্লিকেশনটি রান করার জন্য এর এনভায়রনমেন্ট সেটআপ করবেন সে বিষয়টি দেখাবো।

Windows এ কিভাবে ফ্লাটার ইন্সটল করবেন? (How to Install Flutter on Windows)

Windows অপারেটিং সিস্টেমে ফ্লাটার ইনস্টল এবং এনভায়রনমেন্ট সেটাপের জন্য আপনার কম্পিউটারে নিচের রিকুয়ারমেন্টগুলি থাকতে হবে।

• Operating Systems: Windows 7 SP1 or later (64-bit), x86-64 based.
• Disk Space: 1.64 GB (does not include disk space for IDE/tools).
• Tools: Flutter depends on these tools being available in your environment.
  • Windows PowerShell 5.0 or newer (this is pre-installed with Windows 10)
  • Git for Windows 2.x, with the Use Git from the Windows Command Prompt option.If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell.

IDE ইন্সটল:

আপনার কম্পিউটারের কনফিগারেশন যদি ভালো হয় (উদাহরণ: Processor: Core-i5, RAM: 8GB) তবে আপনি কোড করার জন্য IDE হিসেবে Android Studio ব্যবহার করতে পারেন নতুবা VS code ব্যবহার করতে পারেন।

এখানে আরেকটি বিষয় বলে রাখি যদি আপনারা Android SDK আলাদাভাবে ডাউনলোড করতে না চান তাহলে Android Studio টি ডাউনলোড করে রাখতে পারেন এতে Android Studio দিয়ে আপনি Android SDK গুলো সহজেই ম্যানেজ করতে পারবেন। এছাড়া এটি ব্যবহার না করলেও চলবে। আর যারা Android Studio ইন্সটলই করতে চান না তারা আমার নিচের পোস্টটি দেখুন…

• Android SDK ইন্সটল করুন Android Studio ছাড়াই…

গিট ইনস্টল করুন

স্টেপ ১ : গিট (git) ডাউনলোড করতে এখানে ক্লিক করুন।
স্টেপ ২ : ডাউনলোডের পর ইনস্টলেশন সম্পূর্ণ করতে .exe ফাইলটি রান করুন। ইন্সটলের সময় যেসব ডিফল্ট অপশনগুলি সিলেক্ট থাকবে সেগুলো একই রেখে ইন্সটলেশন শেষ করুন।

Flutter SDK ইনস্টল করুন

স্টেপ ১: https://flutter.dev/docs/get-started/install এ গিয়ে উইন্ডোজ এর জন্য ফ্লাটারের স্টেবল ভার্সনটি ডাউনলোড করুন।

স্টেপ ২ : সর্বশেষ ফ্লাটার SDK ডাউনলোড করতে উইন্ডোজ আইকনটিতে ক্লিক করুন। এর একটু নিচে স্ক্রল করলেই Get the Flutter SDK পেয়ে যাবেন।

স্টেপ ৩ : একটি জিপ ফাইল ডাউনলোড হবে, জিপ ফাইলটি ভেতরে flutter নামে একটি ফোল্ডার পাবেন সেটিকে Extract করে একটি ফোল্ডারে রাখুন। আমি C:/ ড্রাইফে src নামে একটি ফোল্ডার খুলে সেখানে flutter ফোল্ডারটি রেখেছি। আপনারা ইচ্ছা করলে অন্য স্থানেও রাখতে পারেন তাতে কোন সমস্যা হবে না। তবে এমন কোন ফোল্ডারে রাখবেন না যে ফোল্ডারের নামে Whitespace রয়েছে বা এডমিনিস্ট্রেটর পারমিশন লাগে (যেমন: C:\Program Files)। এরপর flutter ফোল্ডারের মধ্যে থাকা bin ফোল্ডারে ঢুকে উক্ত ফোল্ডারের path কপি করুন।

স্টেপ ৪: MyComputer/This PC এর properties এ যান -> Advanced tab -> Environment variables অথবা Start এ ক্লিক করে লিখুন env এরপর Edit the system environment variables এ ক্লিক করুন। এখান থেকে path সিলেক্ট করে edit ক্লিক করুন। এরপর New এ ক্লিক করে Copy করা path address টি পেস্ট করে ওপেন থাকা সব উন্ডোগুলো ok দিয়ে দিন।

স্টেপ ৫ : এবার Command Prompt টি ওপেন করে flutter doctor কমান্ডটি রান করুন। কমান্ডটি ফ্লাটারের সমস্ত রিকুয়ারমেন্ট চেক করে রিপোর্ট দেখায়।

স্টেপ ৬ : কমান্ড টি রান করার পর নিচের চিত্রের মত দেখাবে। এপ ডেভেলপ করার জন্যে যেসব টুলস দরকার কিন্তু আপনার ডিভাইসে নেই তা জানতে পারবেন

স্টেপ ৭: যদি flutter doctor কমান্ডটি আপনার সিস্টেমে Android SDK খুঁজে না পায়, তবে আপনাকে প্রথমে Android Studio IDE ইনস্টল করতে হবে। আর যদি Android Studio ইন্সটল করা থাকে তবুও Unable to locate Android SDK দেখায় তাহলে ‍Android SDK এর লোকেশন জেনে নিচের কমান্ডটি Command Prompt এ রান করান।

flutter config --android-sdk D:/sdk

Android Studio ইনস্টল করা না থাকলে ইন্সটল করতে নিচের স্টেপ গুলো ফলো করুন।

স্টেপ ৭.১ : অফিসিয়াল সাইট থেকে Android Studio লেটেস্ট ভার্সনটি ডাউনলোড করুন

স্টেপ ৭.২ : ডাউনলোডটি সম্পূর্ণ হয়ে গেলে .exe ফাইলটি ওপেন করুন এবং রান করুন। নিচের ডায়লগ বাক্স দেখতে পাবেন ।

স্টেপ ৭.৩ : ইনস্টলেশন উইজার্ডের স্টেপ গুলো ফলো করুন। ইনস্টলেশন উইজার্ডটি শেষে নীচের স্ক্রিনটি দেখতে পাবেন।

স্টেপ ৭.৪ : উপরের স্ক্রিনে, Next-> Finish ক্লিক করুন। Finish বাটনটিটি ক্লিক করা হলে, ‘Don’t import Settings option’ সিলেক্ট করতে হবে এবং ‘ok’ ক্লিক করুন। Android Studio রান হবে ।

স্টেপ ৮ : এরপর যদি App রান করানোর জন্য Android Studio এর Emulator ব্যবহার করতে চান তাহলে নিচের স্টেপগুলো ফলো করুন। পূর্বেই বলেছি যদি আপনার কম্পিউটারের কনফিগারেশন কম হয় তাহলে এই স্টেপটি এড়িয়ে যেতে পারেন।

এখন কথা হলো তাহলে আপনি App রান করাবেনটা কোথায়? কোন সমস্যা নেই আপনি আপনার ব্যবহৃত এন্ড্রয়েড মোবাইলেই এ্যাপটি রান করে দেখতে পারবেন। এর জন্য আপনার মোবাইলের Developer Option টি চালু করে USB Debuging অন করে ফোনটি USB Cable দিয়ে পিসির সাথে সংযুক্ত করলেই হবে।

স্টেপ ৮.১ : একটি অ্যান্ড্রয়েড ইমুলেটর সেট করতে, Android Studio > Tools > Android > AVD Manager যান এবং Create Virtual Device সিলেক্ট করুন। অথবা, Help->Find Action->Type Emulator টাইপ করুন। আপনি নিচের স্ক্রিন পাবেন।

স্টেপ ৮.২ : আপনার Device definition সিলেক্ট করুন এবং Next ক্লিক করুন।

স্টেপ ৮.৩ : Android লেটেস্ট ভার্সন সংস্করণের জন্য system image টি সিলেক্ট করুন এবং Next এ ক্লিক করুন।

স্টেপ ৮.৪ : এখন, AVD কনফিগারেশন চেক করুন। যদি সব ঠিক থাকে তবে finish ক্লিক করুন। নিচের স্ক্রিন পাবেন।

স্টেপ ৮.৫ : এরপর AVD ম্যানেজারে মধ্যে নির্দেশিত আইকনে ক্লিক করুন। নিচের ছবির মত দেখতে একটি ভার্চুয়াল ফোন দেখাবে।

স্টেপ ৯ : এখন, Android Studio তে  ফ্লাটার এবং ডার্ট প্লাগইন ইনস্টল করতে হবে। এই প্লাগইনগুলো ফ্লাটার অ্যাপ্লিকেশন তৈরি করতে ও Android Studio তে নিজেই অ্যাপ্লিকেশন রান এবং ডিবাগ করার জন্য কাজ করে । এই প্লাগইনগুলো ইনস্টল করতে নিচের স্টেপ গুলো ফলো করুন।

স্টেপ ৯.১ : Android Studio ওপেন করুন এবং তারপরে File->Settings->Plugins যান।

স্টেপ ৯.২ : এখন, ফ্লার্ট প্লাগইনটি সার্চ করুন । যদি পাওয়া যায়, তবে ফ্লার্ট প্লাগইনটি সিলেক্ট করুন এবং ইনস্টল ক্লিক করুন। আপনি যখন ইনস্টল ক্লিক করবেন, তখন আপনাকে নীচের স্ক্রিনের মতো ডার্ট প্লাগইন ইনস্টল করতে বলবে। তারপর হ্যাঁ ক্লিক করুন।

স্টেপ ৯.৩ : Android Studio রিস্টার্ট করুন।

macOS এ ফ্লাটার কিভাবে ইন্সটল করবেন? (How to Install Flutter on macOS)

macOS সিস্টেমে ফ্লাটার ইনস্টল এবং রান ডেভেলপ ইনভাইরনমেন্ট সেটাপের জন্য নিচের রিকুয়ারমেন্টগুলি পূরণ করতে হবে।

Flutter SDK ইনস্টল করুন

স্টেপ ১ : macOS এর জন্য ফ্লাটার সফটওয়্যার ডেভেলপমেন্ট কিটের ইনস্টলেশন বান্ডেলটি ডাউনলোড করুন। Flutter SDK ডাউনলোড করতে, এর অফিসিয়াল ওয়েবসাইটে যান।

স্টেপ 2: আপনার ডাউনলোডটি সম্পূর্ণ হয়ে গেলে, জিপ ফাইলটি পছন্দসই ইনস্টলেশন ফোল্ডারে রাখুন।

স্টেপ ৩ : ফ্লাটার কমান্ডটি রান করার জন্য, আপনাকে ফ্লাটার বিন ডিরেক্টরি সিস্টেমের পথ আপডেট করতে হবে।$ export PATH=”$PATH:`pwd`/flutter/bin”

স্টেপ ৪ : পরবর্তী, নীচের কমান্ডটি ব্যবহার করে টার্মিনাল উইন্ডোতে আপডেট হওয়া পথ রান করুন এবং তারপরে ভেরিফাই করুন।source ~/.bashrc source $HOME/.bash_profile echo $PATH

স্টেপ ৫ : এখন উপরের দেখানো নির্দেশ মত ফ্লাটার কমান্ডটি রান করুন ।$ flutter doctor

স্টেপ ৬ : এপ ডেভেলপ করার জন্যে যেসব টুলস দরকার কিন্তু আপনার ডিভাইসে নেই তা জানতে পারবেন এই কমান্ডটি রান করার পর।

স্টেপ ৭ : flutter doctor দ্বারা টুলস এর সব রিপোর্ট ঠিক থাকলে এখন Xcode ইনস্টল করুন।

স্টেপ ৮ : এর পরে, আপনার একটি iOS ইমুলেটর সেটআপ করতে হবে

স্টেপ ৯ : এখন, Xcode তে ফ্লাটার অ্যাপ্লিকেশন তৈরির জন্য ফ্লাটার এবং ডার্ট প্লাগইন ইনস্টল করুন। এই প্লাগইনগুলো একটি ফ্লাটার অ্যাপ্লিকেশন তৈরি করতে ও Xcode তে নিজেই ফ্লাটার অ্যাপ্লিকেশন রান এবং ডিবাগ করার জন্য কাজ করে ।

Video Link: (1) Install Flutter Environment in Windows || Flutter Tutorial Series (Part-01) || Epagebd – YouTube