VSCode-এ অনেক গরেট এক্সটেনশন রয়েছে, এবং Live Server उनमें সেরা একটি।
শুধু কয়েক ক্লিক দিয়ে, Live Server আপনাকে আপনার পেজ লাইভ ব্রাউজারে দেখতে দেয়। আরও ভালো, এতে লাইভ রিলোডিং ফিচার রয়েছে, তাই আপনি যদি কোড আপডেট করেন, পরিবর্তনগুলো ব্রাউজারে ও রিফলেক্ট হয়।
আপনাকে শুধু করতে হবে HTML ফাইলে রাইট-ক্লিক করুন যা আপনি দেখতে চান, রাইট-ক্লিক, তারপর "Open with Live Server" সিলেক্ট করুন:
Live Server in action
কিন্তু যদি Live Server আপনার ব্রাউজার ওপেন না করে এবং আপনার পেজ দেখায় না যেমন আপনি আশা করছেন? আপনার সাথে যদি এটি হয়, তবে এখানে কয়েকটি জিনিস ট্রাই করতে পারেন।
VSCode রিস্টার্ট করুন
কभी কখন সেরা যা আপনি করতে পারেন সেটি হলো VSCode শূন্য থেকে রিস্টার্ট করা।
প্রথমে, আপনার সকল কাজ সেভ করুন। তারপর VSCode বন্ধ করুন, যা আপনার ইনস্টল করা সকল এক্সটেনশনও বন্ধ কর देगा।
তারপর, VSCode পুনরায় খুলুন এবং আবার চেষ্টা করুন—আপনি যে HTML ফাইলটি দেখতে চান সেটিতে যান, রাইট-ক্লিক করুন, এবং "Open with Live Server" সিলেক্ট করুন।
Live Server-এ ব্রাউজার সেট করুন
সম্ভব है এক্সটেনশনটি কাজ করছে, কিন্তু আপনার সিস্টেমে কোনো ডিফল্ট ব্রাউজার নেই।
আপনি যদি আপনার সিস্টেমের জন্য ডিফল্ট ব্রাউজার সেট করে থাকেন, তবুও Live Server-কে এক্সপ্লিসিটলি বলে দিতে কোনো ক্ষতি নেই আপনি কোন ব্রাউজার ব্যবহার করতে চান।
প্রথমে, Command Palette খুলুন F1 দিয়ে, তারপর Preferences: Open Settings (JSON) টাইপ করুন এবং সেটি সিলেক্ট করুন।
এটি আপনার VSCode settings.json ফাইল খুলবে।
ফাইলের একদম নিচে স্ক্রোল করুন, লাস্ট সেটিংয়ের পর একটি কমা যোগ করুন, তারপর পেস্ট করুন "liveServer.settings.CustomBrowser": "chrome":
নোট করুন যে আপনি "firefox", "safari", বা অন্য যেকোনো ব্রাউজারও ব্যবহার করতে পারেন "liveServer.settings.CustomBrowser" সেটিং-এর ভ্যালু হিসেবে।
অবশেষে, settings.json ফাইল সেভ করুন এবং Live Server আবার রান করার চেষ্টা করুন।
অপারেটিং সিস্টেমের জন্য ডিফল্ট ব্রাউজার সেট করুন
Live Server-কে বলার পরও কোন ব্রাউজার ব্যবহার করবেন, সম্ভব है এখনও সেটি সঠিকভাবে আপনার পেজ সেটি ব্রাউজারে ওপেন করছে না।
এরপর ট্রাই করার জিনিস হলো আপনার অপারেটিং সিস্টেমের জন্যই ডিফল্ট ব্রাউজার সেট করা।
এটি করার সঠিক পদ্ধতি আপনার অপারেটিং সিস্টেমের উপর ভিত্তি করে ভিন্ন হতে পারে, তাই আপনি যদি নিশ্চিত নন তবে সার্চ করে দেখুন কীভাবে করবেন।
Windows-এ সেটিংস পেজ কেমন দেখায় সেটি নিচে দেওয়া হলো:
Credit: Advitya-sharma
লাইভ পেজে নিজে যান
যদি কোনো কারণে Live Server এখনও অটোমেটিক্যালি পেজটি ব্রাউজারে ওপেন না করে, চিন্তা নেই। আপনি সর্বদা আপনার পছন্দের ব্রাউজার ওপেন করে সরাসরি পেজ দেখতে পারেন।
শুধু আপনার পছন্দের ব্রাউজার খুলুন এবং যান https://127.0.0.1:5500/<your_file_name>-এ।
উদাহরণস্বরূপ, আপনার ফাইল যদি index.html নামের হয়, তবে শুধু যান https://127.0.0.1:5500/index.html-এ।
যতক্ষণ Live Server রান করছে, আপনাকে আপনার পেজ দেখতে পাবেন।
শেষ কথা
এই ছিল কয়েকটি সাধারণ ফিক্স যা আপনি ট্রাই করতে পারেন যদি Live Server আপনার আশা অনুযায়ী কাজ না করে।
নিরাপদ থাকুন, এবং হ্যাপি (লাইভ) কোডিং।
ফ্রি কোড ক্যাম্পের ওপেন সোর্স কারিকুলাম ৪০,০০০+ মানুষকে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন।
