DevTools Terminal হল একটি নতুন Chrome DevTools এক্সটেনশন যা আপনার ব্রাউজারে টার্মিনালের শক্তি নিয়ে আসে৷ আপনি যদি কখনও নিজেকে Chrome এবং কমান্ড-লাইনের মধ্যে প্রসঙ্গ-স্যুইচ করতে দেখেন যেমন কাজগুলির জন্য: সম্পদ টেনে আনা, গিট, গ্রান্ট, উইজেট বা এমনকি ভিম ব্যবহার করে - আপনি এই এক্সটেনশনটিকে একটি দরকারী সময়-সংরক্ষণকারী বলে মনে করতে পারেন।
ব্রাউজারে টার্মিনাল কেন ব্যবহার করবেন?
বিকাশের সময়, আপনি সম্ভবত কয়েকটি ভিন্ন সরঞ্জামের সাথে কাজ করতে অভ্যস্ত: লেখকের জন্য আপনার পাঠ্য সম্পাদক, পরীক্ষা এবং ডিবাগিংয়ের জন্য একটি ব্রাউজার এবং প্যাকেজ আপডেট করার জন্য টার্মিনাল, কার্লিং হেডার বা এমনকি গ্রন্ট ব্যবহার করে একটি বিল্ড প্রক্রিয়া।
বিকাশের সময় সরঞ্জামগুলির মধ্যে প্রসঙ্গগুলি পরিবর্তন করা বিভ্রান্তিকর হতে পারে এবং অদক্ষতার দিকে নিয়ে যেতে পারে। আমরা আগে আলোচনা করেছি কিভাবে (নির্দিষ্ট ধরনের প্রজেক্টের জন্য) আপনি ব্রাউজার ছাড়াই ওয়ার্কস্পেস ব্যবহার করে সরাসরি Chrome DevTools-এর ভিতরে ডিবাগ এবং লেখক কোড করতে পারেন।
DevTools টার্মিনাল (Dmitry Filimonov দ্বারা) সেই গল্পটি সম্পূর্ণ করে, যা একই উইন্ডোর ভিতর থেকে কোড, ডিবাগ এবং বিল্ড করা সম্ভব করে। আপনি ট্যাব, ctrl এবং এমনকি গিট রঙগুলিতে অ্যাক্সেস পান যা এটিকে আপনার দৈনন্দিন কর্মপ্রবাহে ব্যবহার করতে অভ্যস্ত টার্মিনালের সাথে পরিচিত বোধ করে।
কর্মধারা
ক্রোমে লেখার জন্য আমার ব্যক্তিগত কর্মপ্রবাহ এখন একটু এইরকম দেখাচ্ছে:
- DevTools টার্মিনাল একটি GitHub সংগ্রহস্থল
git clone, একটি নতুন ফাইলtouchবা একটি অ্যাপ তৈরি করতেyo (yeoman)চালাতে এটি ব্যবহার করে। আমি চাইলে অ্যাপটির পূর্বরূপ দেখতে একটি নতুন সার্ভার চালু করতে পারি - কর্মক্ষেত্র: Chrome এর মধ্যে আমার ওয়েবঅ্যাপ সম্পাদনা এবং ডিবাগ করুন। যদি আমি আগে একটি সার্ভার চালু করি তবে আমি আমার স্থানীয় প্রকল্পগুলিকে আমার নেটওয়ার্ক ফাইলগুলিতে ম্যাপ করতে পারি। আমি Sass বা কম ব্যবহার করতে পারি এবং আমার CSS প্রিপ্রসেসরের পরিবর্তনগুলি আমার CSS ফাইলগুলিতে ম্যাপ করতে পারি।
- DevTools টার্মিনাল: আমি এখন উৎস নিয়ন্ত্রণে প্রতিশ্রুতিবদ্ধ হতে পারি, নির্ভরতা কমাতে একটি প্যাকেজ ম্যানেজার (npm, bower) ব্যবহার করতে পারি বা একই অ্যাপের একটি অপ্টিমাইজ করা সংস্করণ তৈরি করতে আমার বিল্ড প্রক্রিয়া (গ্রন্ট, মেক) চালাতে পারি।
- যদিও উইন্ডোর বিন্যাসে অভ্যস্ত হতে কিছুটা সময় লাগতে পারে, ব্রাউজারের ভিতর থেকে আমার যা প্রয়োজন তার বেশিরভাগই অর্জন করতে পারাটা আনন্দদায়ক।
স্থাপন
DevTools টার্মিনাল Chrome ওয়েব স্টোর থেকে ইনস্টল করা যেতে পারে। আপনি যদি ম্যাক বা লিনাক্স ব্যবহারকারী হন, একবার আপনি এটিকে Chrome-এ যোগ করার পরে, আপনি কেবল "ইন্সপেক্ট এলিমেন্ট" বা Ctrl + Shift + I ব্যবহার করে DevTools খুলতে পারেন এবং আপনি নতুন "এর মাধ্যমে এটি অ্যাক্সেস করতে সক্ষম হবেন। টার্মিনাল" ট্যাব। উইন্ডোজ ব্যবহারকারীদের একটি Node.js প্রক্সি ব্যবহার করে সিস্টেম টার্মিনালে এক্সটেনশনটি সংযুক্ত করতে হবে। এই সেটআপটি পেতে, npm থেকে devtools-terminal মডিউল ইনস্টল করুন: npm install -g devtools-terminal
তারপরে একটি নতুন কমান্ড-লাইন উইন্ডো খুলুন এবং devtools-terminal চালান। এরপর, DevTools খুলুন এবং "টার্মিনাল" ট্যাবে, ডিফল্ট কনফিগারেশন বিকল্পগুলি ব্যবহার করে সার্ভারের সাথে সংযোগ করুন৷ প্রয়োজনে আপনি আরও পোর্ট এবং ঠিকানা কাস্টমাইজ করতে সক্ষম হবেন।
সীমাবদ্ধতা
DevTools টার্মিনালের কিছু সীমাবদ্ধতা লক্ষণীয়। ম্যাকের Terminal.app বা iTerm2 এর বিপরীতে, এটি এখনও ট্যাব, একাধিক উইন্ডো বা ইতিহাস প্লেব্যাক সমর্থন করে না। তবে আপনি আপনার পছন্দ মতো Chrome এর অনেকগুলি নতুন ট্যাব খুলতে পারেন, যার প্রতিটির নিজস্ব DevTools টার্মিনাল উদাহরণ থাকতে পারে। এটি Chrome Apps স্ক্রীন থেকে করা যেতে পারে:
এই এক্সটেনশনটি বর্তমানে NPAPI- এর উপর নির্ভর করে, যা পরের বছর নেটিভ মেসেজিং API-এর পক্ষে পর্যায়ক্রমে বন্ধ করা হচ্ছে। DevTools টার্মিনাল লেখক দিমিত্রি ফিলিমোনভ অদূর ভবিষ্যতে এই API বা নেটিভ ক্লায়েন্ট API-এর পক্ষে NPAPI থেকে দূরে সরে যাওয়ার পরিকল্পনা করছেন৷
উপসংহার
DevTools টার্মিনাল (এবং এটির অনুরূপ এক্সটেনশানগুলি, যেমন Auxilio ) আপনাকে বিকাশের সময় আপনার সম্পাদক, ব্রাউজার এবং কমান্ড-লাইনের মধ্যে পিছনে এবং পিছনে পরিবর্তন এড়াতে সহায়তা করতে পারে। যদিও একটি ইন-ব্রাউজার টার্মিনাল সবার জন্য চা-এর কাপ নাও হতে পারে, আপনি এক্সটেনশনটিকে আপনার কর্মপ্রবাহের জন্য একটি দরকারী পরিপূরক খুঁজে পেতে পারেন এবং আমরা আপনাকে এটি ব্যবহার করে দেখতে উৎসাহিত করি এবং দেখুন যে আপনি এটি কেমন পছন্দ করেন!