المحطة الطرفية لأدوات مطوري البرامج هي إضافة جديدة ضمن أدوات مطوري البرامج في Chrome توفّر قوة الوحدة الطرفية في متصفحك. إذا وجدت نفسك في أي وقت تبدِّل السياق بين Chrome وسطر الأوامر لمهام مثل: سحب مواد العرض أو استخدام git أو grunt أو wget أو حتى vim، يمكنك الاستفادة من هذه الإضافة لتوفير الوقت.
ما أهمية استخدام وحدة طرفية في المتصفح؟
أثناء تطوير البرامج، قد تكون معتادًا على العمل باستخدام بعض الأدوات المختلفة: محرر النصوص الخاص بك للتأليف، ومتصفح للاختبار وتصحيح الأخطاء، والطرف الطرفي لتحديث الحزم، أو عناوين الكيرلنغ، أو حتى عملية إنشاء باستخدام Grunt.
يمكن أن تؤدي الحاجة إلى تبديل السياقات بين الأدوات أثناء التطوير إلى تشتيت الانتباه ويمكن أن تؤدي إلى عدم الكفاءة. لقد تحدثنا سابقًا عن كيفية تصحيح الأخطاء وإنشاء الرموز البرمجية (لأنواع معيّنة من المشاريع) مباشرةً داخل "أدوات مطوري البرامج في Chrome" باستخدام مساحات العمل بدون مغادرة المتصفح.
تكمل أداة DevTools Terminal (المؤلفة "ديمتري فيليمونوف") هذه القصة، ما يتيح لك إمكانية الترميز وتصحيح الأخطاء والإنشاء من داخل النافذة نفسها. يمكنك الوصول إلى ألوان Tab وctrl وحتى Git مما يجعلك تبدو مألوفًا لدى الوحدة الطرفية التي اعتدت استخدامها في سير العمل اليومي.
سير العمل
يبدو الآن سير العمل الشخصي للكتابة في Chrome على النحو التالي:
- أداة تطوير البرامج الطرفية تستخدمها
git clone
لمستودع GitHub، أوtouch
ملف جديد أو تشغيلyo (yeoman)
لإنشاء تطبيق. يمكنني إذا أردت تشغيل خادم جديد لمعاينة التطبيق أيضًا - مساحات العمل: تعديل تطبيق الويب وتصحيح الأخطاء فيه داخل Chrome. إذا أطلقت خادمًا في وقت سابق، يمكنني ربط مشروعي المحلي بملفات الشبكة. يمكنني استخدام Sass أو Less وإعادة ربط تغييرات المعالج الأولي لخدمة CSS بملفات CSS.
- الطرفية الطرفية في أدوات مطوري البرامج: يمكنني الآن الالتزام بالتحكم في المصدر أو استخدام مدير حزم (npm، قوس) لعرض العناصر الاعتمادية أو تشغيل عملية الإنشاء (النخر، الإنشاء) لإنشاء إصدار محسّن من التطبيق نفسه.
- على الرغم من أن الاعتياد على ترتيب النوافذ قد يستغرق بعض الوقت، إلا أنه يسعدني أن أتمكن من تحقيق معظم ما أحتاجه من داخل المتصفح.
تثبيت
يمكن تثبيت الوحدة الطرفية لأدوات مطوّري البرامج من سوق Chrome الإلكتروني. إذا كنت من مستخدمي Mac أو Linux، يمكنك ببساطة إضافة الأداة إلى Chrome أو "فحص العنصر" أو Ctrl + Shift + I
لفتح "أدوات مطوري البرامج" وستتمكّن من الوصول إليها من خلال علامة التبويب الجديدة "Terminal".
على مستخدمي نظام التشغيل Windows توصيل الإضافة بطرفية النظام باستخدام خادم وكيل Node.js. لإكمال عملية الإعداد هذه، يجب تثبيت وحدة devtools-terminal
من npm:
npm install -g devtools-terminal
بعد ذلك، افتح نافذة سطر أوامر جديدة وشغِّل devtools-terminal
. بعد ذلك، افتح أدوات مطوري البرامج، وفي علامة التبويب "المحطة الطرفية"، اتصل بالخادم باستخدام خيارات الضبط التلقائية. ستتمكن من تخصيص عملية النقل والعنوان بشكل أكبر إذا لزم الأمر.
القيود
هناك بعض القيود التي يجب أخذها في الاعتبار عند استخدام أداة DevTools Terminal. على عكس Terminal.app أو iTerm2 على نظام التشغيل Mac، فإنّه لا يتيح بعد تشغيل علامات التبويب أو النوافذ المتعددة أو تشغيل السجلّ. ومع ذلك، يمكنك فتح أي عدد تريده من علامات التبويب الجديدة في Chrome، ويمكن أن يكون لكل منها مثيل Terminal الخاص بأدوات مطوري البرامج. يمكن إجراء ذلك من شاشة تطبيقات Chrome:
تعتمد هذه الإضافة حاليًا على NPAPI، الذي سيتم إيقافه خلال العام المقبل لصالح واجهة برمجة التطبيقات Native Messaging API. يخطط مؤلف المحطة الطرفية في أدوات DevTools للتوقف عن استخدام NPAPI لصالح واجهة برمجة التطبيقات هذه أو Native Client API في المستقبل القريب.
الاستنتاجات
يمكن أن تساعدك الوحدة الطرفية في أدوات مطوّري البرامج (والإضافات المشابهة لها، مثل Auxilio) في تجنُّب التبديل بين المحرِّر والمتصفّح وسطر الأوامر أثناء عملية التطوير. رغم أن الوحدة الطرفية في المتصفح قد لا تنال إعجاب الجميع، فربما تجد الإضافة مكملة مفيدة لسير عملك ونحن نشجعك على تجربتها ومعرفة ما يعجبك فيها!