ما هو نظام Bower


تتكون صفحات المواقع من مجموعة من المكتبات js و Css و أطر العمل و غيرها... .
لكن إذا كنت مبرمج سوف تواجه بعض الصعوبات التي تتمثل في أنك يجب عليك تحميل كل مكتبة لوحدها على سبيل المثال إذا أردت أن تحمل  jquery و select2 و fontawesome فيجب عليك لتنزيل كل واحدة منهم لوحدها و لتنزيل هذه المكتبات يجب عليك:
  • الذهاب إلى موقع المكتبة أو إطار العمل
  • التوجه إلى زرّ التحميل
  • تحميل الملف المضغوط
  • فك ضغط الملف المضغوط في مجلد المشروع
إذا كان عندك 4 مكتبات ستحتاجها فيجب عليك القيام بهذه الخطوات أكثر من مرة لهذا أحببت أن أقترح عليك في هذه التدوينة نظام Bower.

تعريف نظام Bower:

نظام Bower هو نظام لإدارة الحزم و هو كApt-get في نظام lunix و npm في nodejs ، فهو يوفر لك مجموعة من المكتبات المتوفرة  في مجال الويب و يمكنك تحميلها بواسطة أوامر و مثال على هذه المكتبات:
  • bootstrap 
  • animate.css
  • fontawesome
  • impress.js
  • backbone
  •  Chart-js 
  •  coffee-script 
  •  bootstrap-sass 
  •  jquery.ui 
  • المزيد

طريقة تثبيت هذا النظام :

أولا يجب عليك تثبيت نظام nmp الخاص بnodejs بالدخول إلى هذا الرابط بعدما قمت بتحميل npm يجب عليك كتابة هذا الأمر في cmd :
npm install -g bower

سوف يتم ثبيت Bower الأن قم بالدخول لهذا الرابط و قم بتحميل git و تبثه على جهازك لحد الأن لن لن يشتغل إليك Bower حتى تقوم بهذه الخطوات:

تتوجه إلى:
Panneau de configuration > Système et sécurité > Système
تم قم بالضغط على paramètre système avancé ثم قم بالضغط على variable d'environnement ثم توجه إلى Path و إضغط على Modifier و بعدها قم بإضافة هذه القيم إلى القيم السابقة التي ستجدها في Path :
;%PROGRAMFILES(x86)%\Git\bin;%PROGRAMFILES(x86)%\Git\cmd
الأن لقد تم تثبيت Bower بشكل صحيح.


كيفية التعامل مع Bower:

يتم التعامل مع نظام Bower في سطر الأوامر cmd.
لنقم بإنشاء المجلد في المشروع الخاص بنا وبعدها نفتح سطر الأوامر و نقوم بكتابة cd تم بعدها مسار الملف الذي قمنا بإنشائه.
الأن لقد أصبحنا جاهزين لتثبيت المكتبات في المجلد الذي سبق و قمنا بإنشائه بعدها نقوم بتنفيد هذا الأمر لتثبيت مكتبة معينة على سبيل المثال سنختار مكتبة jquery.
bower install jquery
الأن لقد تم تثبيت مكتبة jquery في المجلد الذي سبق و أنشأته داخل مجلد تحت إسم bower_components.
في بداية المقالة قلت أن هذه الأداة ستسهل عليك تثبيت مجموعة من المكتبات في وقت واحد، على سبيل المثال أردت أن أثبت كل من مكتبة jquery و bootstrap و select2 و jquery ui فيجب عليك كتابة هذا الأمر 
bower install jquery bootstarp select2 jquery-ui 
أما إذا أردت أن تثبت مكتبة بإصدار قديم فيجب عليك تنفيد هذا الأمر 
bower install jquery#.......
قم بإستبدال النقط بالإصدار الذي تريده
أيضا يمكنك حدف المكتبة التي سبق لك و قم تثبيتها و ذالك بكتابة هذا الأمر
bower uninstall jquery
bower uninstall jquery bootstrap
لا تنسى مشاركة هذا الموضوع مع أصدقائك و شكرا

ليست هناك تعليقات :