الوحدة الطرفية لـ "أدوات مطوري البرامج"

Addy Osmani

وحدة التحكّم في "أدوات مطوّري البرامج" هي إضافة جديدة في "أدوات مطوري البرامج في Chrome" تتيح لك استخدام طاقة الوحدة الطرفية في المتصفّح. إذا وجدت نفسك تبدِّل السياق بين Chrome وسطر الأوامر لتنفيذ مهام مثل: سحب الأصول أو استخدام git أو grunt أو wget أو حتى vim، قد تكون هذه الإضافة مفيدة لتوفير الوقت.

تُعد الوحدة الطرفية لأدوات مطوري البرامج مفيدة لإجراء تعديلات سريعة على سطر الأوامر من داخل Chrome أثناء العمل على تطبيق الويب.

بعد استخدام الخيار Copy as cURL في لوحة الشبكة، يمكنني بسهولة لصق الأمر الكامل في DevTools Terminal وتشغيله.

لماذا تستخدم وحدة طرفية في المتصفح؟

أثناء التطوير، ربما تكون معتادًا على العمل باستخدام بعض الأدوات المختلفة: محرر النصوص للتأليف ومتصفح للاختبار وتصحيح الأخطاء والطرف الطرفي لتحديث الحزم أو الرؤوس المتشابكة أو حتى عملية إنشاء باستخدام Grunt.

تنفيذ مهام التصميم باستخدام Grunt بدون الحاجة إلى مغادرة المتصفّح.

يمكن أن يؤدي الاضطرار إلى تبديل السياق بين الأدوات أثناء التطوير إلى تشتيت الانتباه ويمكن أن يؤدي إلى عدم الكفاءة. سبق أن تحدّثنا عن كيفية (لأنواع معيّنة من المشاريع) إمكانية تصحيح الأخطاء وإنشاء الرموز البرمجية مباشرةً داخل "أدوات مطوري البرامج في Chrome" باستخدام مساحات العمل بدون مغادرة المتصفّح.

يمكن أيضًا تنفيذ سير عمل كامل في git. وهو مثالي على git diff بعد التأليف في Workspace.

وفي إطار هذه العملية، تكتمل منصة DevTools Terminal (بقلم "ديمتري فيليبينوف") القصة، ما يتيح للترميز وتصحيح الأخطاء والإنشاء من داخل النافذة نفسها. يمكنك الوصول إلى ألوان Tab وctrl وحتى Git، ما يجعلها مألوفة بالنسبة إلى الوحدة الطرفية التي استخدمتها في سير العمل اليومي.

سير العمل

ابدأ مشاريع جديدة باستخدام git clone أو yeoman أو أي أداة أخرى يمكن الوصول إليها من خلال الوحدة الطرفية.

يبدو سير عملي الشخصي للتأليف في Chrome الآن على النحو التالي إلى حد ما:

• DevTools Terminal: يمكن استخدامها في git clone أحد مستودعات GitHub أو touch ملف جديد أو تشغيل yo (yeoman) لإنشاء تطبيق. وإذا أردت، يمكنني تشغيل خادم جديد لمعاينة التطبيق أيضًا
• مساحات العمل: تعديل تطبيق الويب وتصحيح الأخطاء فيه داخل Chrome إذا أطلقتُ خادمًا في وقت سابق، يمكنني ربط مشروعي المحلي بملفات الشبكة. يمكنني استخدام Sass أو Less وربط تغييرات المعالج الأولي لـ CSS بملفات CSS الخاصة بي.
• DevTools Terminal: يمكنني الآن الالتزام بالتحكّم في المصدر، واستخدام أداة إدارة حزم (npm، أو bower) من أجل إزالة العناصر الاعتمادية، أو تشغيل عملية التصميم الخاصة بي (مثل أن نختَر أو نصنع) لإنشاء نسخة محسَّنة من التطبيق نفسه.
• رغم أن الاعتياد على تنسيق النوافذ قد يستغرق بعض الوقت، إلا أنه من الممتع أن تتمكن من تحقيق معظم ما أحتاجه من داخل المتصفح.

إدراج أسماء الملفات في دليل العمل الحالي باستخدام ls. وهو مثالي لعرض الأدلة المرئية خارج Workspace.

تثبيت

يمكن تثبيت "وحدة تحكُّم أدوات مطوّري البرامج" من سوق Chrome الإلكتروني. إذا كنت تستخدم نظام التشغيل Mac أو Linux، بعد إضافته إلى Chrome، يمكنك ببساطة "فحص العنصر" أو "Ctrl + Shift + I" لفتح "أدوات مطوري البرامج" وستتمكّن من الوصول إليه من خلال علامة التبويب "الأداة الطرفية" الجديدة. سيحتاج مستخدمو Windows إلى ربط الإضافة بالوحدة الطرفية للنظام باستخدام خادم وكيل Node.js. لتنفيذ هذا الإعداد، عليك تثبيت وحدة devtools-terminal من وحدة npm: npm install -g devtools-terminal

بعد ذلك، افتح نافذة سطر أوامر جديدة وشغِّل devtools-terminal. بعد ذلك، افتح "أدوات مطوري البرامج" وفي علامة التبويب "الطرفية"، اتصل بالخادم باستخدام خيارات الضبط التلقائية. يمكنك تخصيص المنفذ والعنوان بشكل أكبر إذا لزم الأمر.

القيود

هناك بعض القيود التي تفرضها منصة DevTools Terminal. وعلى عكس Terminal.app أو iTerm2 على نظام التشغيل Mac، لا يتيح حتى الآن تشغيل علامات التبويب أو النوافذ المتعددة أو تشغيل السِجلّ. ومع ذلك، يمكنك فتح أي عدد تريده من علامات التبويب الجديدة في Chrome، ويمكن أن تحتوي كل منها على مثيلها الخاص في "أدوات مطوّري البرامج". ويمكن إجراء ذلك من شاشة "تطبيقات Chrome":

في الوقت الحالي، تتوافق الإضافة مع المظهر الفاتح التلقائي والمظهر الداكن.

تعتمد هذه الإضافة حاليًا على NPAPI، التي سيتم إيقافها تدريجيًا خلال العام المقبل لصالح Native Messaging API. يخطّط "ديميتري فيليبينوف"، مؤلف أدوات مطوّري البرامج الطرفية، للابتعاد عن استخدام NPAPI لصالح واجهة برمجة التطبيقات هذه أو واجهة برمجة تطبيقات Native Client في المستقبل القريب.

الاستنتاجات

يمكن أن تساعدك "وحدة التحكّم في أدوات مطوّري البرامج" (والإضافات المشابهة لها، مثل Auxilio) في تجنُّب التبديل بين المحرِّر والمتصفح وسطر الأوامر أثناء عملية التطوير. بينما قد لا تكون الوحدة الطرفية في المتصفح مناسبة للجميع، قد تجد الإضافة مكمّلة مفيدة لسير العمل الخاص بك ونشجّعك على تجربتها ومعرفة كيف ينال إعجابك.