DevTools टर्मिनल, Chrome DevTools का एक नया एक्सटेंशन है. यह आपके ब्राउज़र में टर्मिनल की सुविधाओं को उपलब्ध कराता है. अगर आपको कभी ऐसेट डाउनलोड करने, git, grunt, wget या यहां तक कि vim का इस्तेमाल करने जैसे कामों के लिए, Chrome और कमांड-लाइन के बीच स्विच करना पड़ता है, तो यह एक्सटेंशन आपके लिए मददगार साबित हो सकता है. इससे आपको समय की बचत होगी.
ब्राउज़र में टर्मिनल का इस्तेमाल क्यों करना चाहिए?
डेवलपमेंट के दौरान, शायद आपने कुछ अलग-अलग टूल इस्तेमाल किए हों: लेखन के लिए टेक्स्ट एडिटर, जांच और डीबग करने के लिए ब्राउज़र, पैकेज अपडेट करने के लिए टर्मिनल, हेडर को कर्लिंग करने के लिए या Grunt का इस्तेमाल करके बिल्ड करने की प्रोसेस.
डेवलपमेंट के दौरान, एक टूल से दूसरे टूल पर स्विच करने से ध्यान भटका सकता है और काम में रुकावट आ सकती है. हमने पहले बताया था कि कुछ खास तरह के प्रोजेक्ट के लिए, ब्राउज़र से बाहर निकले बिना Workspaces का इस्तेमाल करके, सीधे Chrome DevTools में कोड को डीबग और लिखा जा सकता है.
Dmitry Filimonov का DevTools Terminal, इस कहानी को पूरा करता है. इससे एक ही विंडो में कोडिंग, डीबगिंग, और बिल्ड करने की सुविधा मिलती है. आपको Tab, Ctrl, और Git के रंगों का ऐक्सेस मिलता है. इससे, यह उस टर्मिनल जैसा महसूस होता है जिसका इस्तेमाल आपने अपने रोज़ के वर्कफ़्लो में किया है.
वर्कफ़्लो
Chrome में लेख लिखने का मेरा निजी वर्कफ़्लो अब कुछ ऐसा दिखता है:
- DevTools टर्मिनल का इस्तेमाल करके,
git cloneGitHub रिपॉज़िटरी,touchनई फ़ाइल या ऐप्लिकेशन बनाने के लिएyo (yeoman)को चलाया जा सकता है. अगर चाहें, तो ऐप्लिकेशन की झलक देखने के लिए नया सर्वर भी लॉन्च किया जा सकता है - फ़ाइल फ़ोल्डर: Chrome में अपने वेबऐप्लिकेशन में बदलाव करना और उसे डीबग करना. अगर मैंने पहले कोई सर्वर लॉन्च किया है, तो अपने लोकल प्रोजेक्ट को नेटवर्क फ़ाइलों से मैप किया जा सकता है. मैं Sass या Less का इस्तेमाल कर सकता/सकती हूं और सीएसएस प्रीप्रोसेसर में किए गए बदलावों को अपनी सीएसएस फ़ाइलों में वापस मैप कर सकता/सकती हूं.
- DevTools टर्मिनल: अब मैं सोर्स कंट्रोल में बदलाव कर सकता/सकती हूं. साथ ही, किसी ऐप्लिकेशन के ऑप्टिमाइज़ किए गए वर्शन को जनरेट करने के लिए, पैकेज मैनेजर (npm, bower) का इस्तेमाल करके, डिपेंडेंसी डाउनलोड कर सकता/सकती हूं या अपनी बिल्ड प्रोसेस (grunt, make) चला सकता/सकती हूं.
- खिड़की के क्रम को इस्तेमाल करने में थोड़ा समय लग सकता है. हालांकि, ब्राउज़र में ही ज़्यादातर काम करने की सुविधा मिलना अच्छा लगता है.
इंस्टॉल करना
DevTools टर्मिनल को Chrome Web Store से इंस्टॉल किया जा सकता है. अगर आपके पास Mac या Linux डिवाइस है, तो Chrome में इसे जोड़ने के बाद, DevTools खोलने के लिए "एलिमेंट की जांच करें" या Ctrl + Shift + I का इस्तेमाल करें. इसके बाद, इसे नए “Terminal” टैब से ऐक्सेस किया जा सकता है.
Windows का इस्तेमाल करने वाले लोगों को, Node.js प्रॉक्सी का इस्तेमाल करके एक्सटेंशन को सिस्टम टर्मिनल से कनेक्ट करना होगा. यह सेटअप पाने के लिए, npm से devtools-terminal मॉड्यूल इंस्टॉल करें:
npm install -g devtools-terminal
इसके बाद, एक नई कमांड-लाइन विंडो खोलें और devtools-terminal चलाएं. इसके बाद, DevTools खोलें और "टर्मिनल" टैब में, डिफ़ॉल्ट कॉन्फ़िगरेशन विकल्पों का इस्तेमाल करके सर्वर से कनेक्ट करें. ज़रूरत पड़ने पर, पोर्ट और पते को पसंद के मुताबिक बनाया जा सकता है.
सीमाएं
DevTools टर्मिनल की कुछ सीमाएं हैं, जिनके बारे में आपको जानना चाहिए. Mac पर Terminal.app या iTerm2 के मुकाबले, यह टैब, एक से ज़्यादा विंडो या इतिहास चलाने की सुविधा के साथ काम नहीं करता. हालांकि, Chrome में जितने चाहें उतने नए टैब खोले जा सकते हैं. इनमें से हर टैब में, DevTools टर्मिनल का अपना इंस्टेंस हो सकता है. ऐसा, Chrome ऐप्लिकेशन की स्क्रीन से किया जा सकता है:
फ़िलहाल, यह एक्सटेंशन NPAPI पर काम करता है. इसे अगले साल, नेटिव मैसेजिंग एपीआई के लिए बंद कर दिया जाएगा. DevTools टर्मिनल के लेखक, दिमित्री फिलिमोनोव का कहना है कि वे आने वाले समय में, इस एपीआई या नेटिव क्लाइंट एपीआई का इस्तेमाल करने के लिए, NPAPI से दूर जाना चाहते हैं.
मीटिंग में सामने आए नतीजे
DevTools टर्मिनल और उससे मिलते-जुलते एक्सटेंशन, जैसे कि Auxilio की मदद से, डेवलपमेंट के दौरान एडिटर, ब्राउज़र, और कमांड-लाइन के बीच बार-बार स्विच करने से बचा जा सकता है. ऐसा हो सकता है कि ब्राउज़र में टर्मिनल का इस्तेमाल करना सभी के लिए सही न हो. हालांकि, आपको यह एक्सटेंशन अपने वर्कफ़्लो के लिए मददगार लग सकता है. हमारा सुझाव है कि आप इसे आज़माकर देखें कि यह आपको कैसा लगता है!