يحتاج مطور الويب في عمله إلى أدوات تسهل عليه العمل و تجعله أكثر متعة،و قد رأينا سويا في المقال السابق حول معضلة المحرر الأفضل لمطور الويب،و قد ذكرت بأن المحررين Sublime Text و Brackets يعتبران الأفضل لمطور الويب بسبب ما يوفرناه من خيارات و مميزات ﻻ تتوفر في غيرهما.
ذكر بعض الإخوة أن محرر Adobe Dreamweaver أفضل محرر،ﻻ اغفل أن هذا المحرر يوفر الكثير من الخصائص الممتازة و لكن لم اختره ضمن أفضل المحررات لسببين اثنين:السبب الاول أنه غير مجاني،و لهذا فلا يمكن لمن ﻻ يزال يشق طريقه شراء ترخيص و الكل يعلم أن تراخيص البرامج في الوطن العربي ليست في متناول الجميع.
السبب الثاني هو صعوبة الإستخدام،نعم،فبعض الخواص لن تستطيع الوصول إليها،أضف إلى أنه يستهلك الكثير من الموارد و بالتالي فهو غير عملي،فالمطور عندما يريد كتابة سطور برمجي ﻻ يحب أن ينتظر طويلا لفتح المحرر و بعدها عليك أن تنشئ مشروعا جديد و ووو…
في هذا المقال سيكون حول إضافات Sublime Text و المقالة الموالة ستكون حول إضافات Brackets.
تتوفر العديد من الإضافات التي تجعل من محرر Sublime Text محررا يسهل عملية القيام بكتابة الأكواد.

قبل أن نبدأ في الحديث عن الإضافات و كيفية تركيبها علينا تركيب أداة تثبيت الإضافات و تسمى Sublime Package Control،هته الإضافة تمكنك من البحث عن الإضافات التي سنتحدث عنها بعد قليل و تثبيتها و بدونها ﻻ يمكنك القيام بتركيب الإضافات،لنبدأ على بركة الله…

Sublime Package Control هي مدير الإضافات في محرر Sublime Text،تمكنك هته الإضافات من البحث،تثبيت و حذف اﻹضافات الخاصة بالمحرر.

توجه إلى الموقع الرسمي للإضافة من هنا،هنالك طريقتين للتثبيت،إما التثبيت عن طريق الكود و إما عن طريق تحميل الملف:سنبدأ بأول طريقة
التثبيت عن طريق الأكواد:إن كنت تستخدم الإصدار الثالث من المحرر(Sublime Text 3)،توجه إلى القائمة View يعدها اختر Show Console و قم بلصق الكود التالي:

import urllib.request,os; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), ‘wb’).write(urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘,’%20’)).read())

في حالة كنت تستخدم الإصدار الثاني من المحرر قم بنفس الخطوات و لكن قم بلصق الكود التالي:

import urllib2,os; pf=’Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), ‘wb’ ).write( urllib2.urlopen( ‘http://sublime.wbond.net/’ +pf.replace( ‘ ‘,’%20’ )).read()); print( ‘Please restart Sublime Text to finish installation’)

انتظر قليلا و سيتم التثبيت
التثبيت عن طريق الملفات -هته الطريقة صالح لكلا الإصدارين 2 و 3- :قم بتحميل ملف الإضافة من هنا بعدها قم بفتح المحرر و توجه إلى Preferences > Browse Packages و اختر Installed Packages ستفتح لك نافذة فيها الإضافات المثبة،قم بلصق الملف الذي تم تحميله إلى هنا،و بعدها قم بإغلاق المحرر و فتحه من جديد.
اﻵن تم تثبيت الإضافة بنجاح،لنبدأ تثبيت الإضافات الضرورية….

أوﻻ نقوم بفتح Package Control عن طريق إما الضغط على المفاتيح CTRL+Shift+P أو التوجه إلى  القائمة Preferences ثم اختر Package Control،ستظهر لك نافذة صغيرة أكتب فيها install مثل الصورة التالية

عندما تختار Install Packages انتظر قليلا حتى يتم تحميل روابط الإضافات المتاحة،لنبدأ على بركة الله في تثبيت الإضافات…
ُإضافة Emmet:كانت تسمى سابقا ZenCoding هي إضافة تتيح لك إختصار كتابة الأكواد كثيرا جدا جدا و متأكد تماما أنها ستعجبكم،و سأعطيكم مثاﻻ عن كيفية استخدامها بعد قليل.الآن بعد أن تختار Install Packages اكتب في مربع البحث Emmet و قم بتثبيتها(لتلافي الأخطاء قم بكتابة إسم الإضافة كاملا) بعد أن يتم التثبيت يفضل إغلاق المحرر و إعادة فتحه من جديد.

سنأخذ مثاﻻ بسيطا،لو أردنا كتابة الكود التالي يدويا

 

فإننا سنقوم بكتابة كل سطر لوحده و هذا ما سيكون متعبا فعلا،إضافة Emmet تتيح لنا طريقة رائعة جدا لكتابة الأكواد،فالكود السابق نقوم بكتابته كالتالي

ul.list>li*5

و لكم أن تستخدموا مخيلتكم لتحليل الكود

إضافة Sublime Code Intel :و هي إضافة تتيح الإكمال التلقائي للغة PHP و بالتالي ستمسح لك بكتابة أسرع للأكواد البرمجية.
التثبيت:إضغط على CTRL+SHIFT+P حتى تفتح Package Control و اكتب في مربع البحث install و احختر المثبت كما فعلنا قبل قليل لتثبيت إضافة Emmet بعدها إبحث عن Sublime Code Intel و اختر أول واحدة،قم بتثبيتها و تمتع بكتابة أسرع للأكواد.

في حالة أني اكتشفت أية إضافة أخرى ستستهل العمل سأكتب عنها،ﻷني حاولت أن أجعل قراءة الدروس أمرا ممتعا،فكلما طال الدرس كلما كانت عملية قراءته مملة،اتمنى أن أكون قد ساعدتكم في كتابة أسهل و أسرع للأكواد،أتمنى لكم كتابة ممتعة ﻷكوادكم البرمجية،دمتم في رعاية الله،سلام.

3 تعليقات. Leave new

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Fill out this field
Fill out this field
الرجاء إدخال عنوان بريد إلكتروني صالح.
You need to agree with the terms to proceed

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.