آغاز به کار با Bower

آغاز به کار با Bower

در حال حاضر نسبت به گذشته تعداد زیادی کتابخانه و فریم ورک برای توسعه دهندگان وب وجود دارد. این اصلا غیر معمول نیست که در یک پروژه از پنج تا یا بیشتر، از کتابخانه استفاده کنیم. اما به خاطر داشته باشد که تمام این کتابخانه ها به طور مرتب بروز رسانی می شوند. استفاده از Bower که یک ‘پکیج منیجر’ می باشد به سادگی می توان تمام برنامه خود را مدیریت کرد.

در این آموزش شما شما یاد خواهید گرفت که چگونه ‘Bower’ راه اندازی کنیم. شما با نصب کردن ‘Bower’ با خط فرمان شروع می کنید و آنگاه یاد خواهید گرفت که چگونه از دیگر دستورات استفاده کنیم.

 

نصب و راه اندازی Bower

‘Bower’ از طریق npm می تواند نصب شود، اگر هنوز ‘npm’ را نصب نکرده اید به سایت Node.js رفته و نسخه مربوط به سیستم خود را دانلود کنید. برنامه ‘npm’ هم هنگام نصب ‘Node.js’ تصب می شود.

وقتی که ‘nmp’ نصب شد، ترمینال یا خط فرمان خود را باز کرده و خط زیر را وارد کنید.

bower-install

این دستور ‘Bower’ را به صورت کلی بر روی سیستم نصب می کند.

حال که ‘Bower’ را نصب کردیم، می توانیم نگاهی به دستوراتی کنیم که برای مدیریت ‘پکیج ها’ استفاده می شود.

 

پیدا کردن بسته ها

دو راه مختلف برای پیدا کردن بسته ها وجود دارد. از طریق سایت component directory یا از طریق خط فرمان.

برای جستجو بسته ها از طریق خط فرمان شما از دستور ‘search’ استفاده می کنید، و باید به دنبال آن نام پکیج مورد نظر تایپ شود.

برا ی مثال برای جستجو پکیجی که شامل کلمه ‘jquery’ می باشد، باید به صورت زیر باشد.

bower-search

این دستور یک دسته کامل از نتیجه را نمایش می دهد، برخی از این نتایج در زیر مشاهده می کنید:

bower-result

 

هر کدام از نتایج نام پکیج می باشد و با پسوند ‘Git’ می باشند. شما نیاز به نوشتن پسوند ‘Git’ هنگام تصب خواهید شد.

 

نصب پکیج ها

برای نصب پکیج های ‘Bower’ در پروژه خود، باید دستور ‘install’ و به دنبال آن نام پکیج وارد شود.

همانطور که نام پکیج ها در دست می باشد، می توان برای نصب پکیج ها یک از راه های زیر را انتخاب کرد.

 

  • استفاده از پسوند ‘git’ مثل git://github.com/components/jquery.git
  • یک مسیر به یک Git محلی
  • به صورت مختصر مثل components/jquery باور فرض می کند که از Github.com استفاده می کنید.
  • یک مسیر به zip یا tar.

 

شما می توانید یک نسخه ی به خصوص از بسته را با تایپ علامت (#) بعد از نام پکیج دریافت کنید.

پکیج ها هنگام نصب در دایرکتوری bower_components دخیره می شوند. این در پوشه ای ذخیره می شود که ‘bower’ در حال اجرا می باشد. شما می توانید از طریق گزینه های پیکربندی در یک فایل .bowerrc تغییر دهید.

هنگامی که نصب شد، شما به سادگی با اضافه کردن <script> یا <link> در فایل HTML خود از پکیج استفاده کنید. اگر چه ‘Bower’ بیشتر شامل فایل های جاواسکریپت، شامل CSS یا عکس می باشد.

 

نصب پکیج ها با استفاده از یک فایل bower.json

اگر شما در پروژه خود از چندین پکیج استفاده می کنید. معمولا بهترین ایده لیست کردن آنها در یک فایل ‘bower.json’ می باشد. این امکان به شما داده می شود که به سادگی چندین بسته را از طریق خط فرمان نصب یا بروز رسانی کرد.

مثال ساده بالا یک فایل ‘bower.json’ را نمایش می دهد، که اطلاعاتی درباره پروژه و هم چنین لیست نیازمندی ها را نمایش تعریف می کند. فایل ‘bower.json’ در واقع برای تعریف پکیج ‘bower’ استفاده می شود، بنابراین شما فایلی را ایجاد می کنید که تمام نیازمندی های برنامه را تعریف می کند.

خواص استفاده شده در مثال بالا در زیر توضیح داده شده است.

  • name – نام برنامه یا پکیج
  • version – نسخه برنامه یا پکیج
  • dependencies – پکیج هایی که برای برنامه شما لازم می باشد. شما باید یک نسخه برای هر یک از پکیج های بالا مشخص کنید. مشخص کردن ‘latest’ آخرین نسخه از پکیچ را نصب می کند.
  • private – قرار دادن ‘true’ برای این مشخصه بدان معنی است که می خواهید پکیج به صورت خصوصی باقی بماند، و قصد اضافه کردن در رجیستری در آینده ندارید.

 

وقتی که فایل ‘bower.json’ خود را تنظیم کردید، به سادگی با دستور ‘bower install’ پکیج های مشخص شده نصب می شود.

‘Bower’ یک ابزار دستی می باشد که به شما کمک می کند تا یک فایل ‘bower.json’ در پروژه ایجاد کنید. اجرا دستور ‘bower init’ در ریشه پروژه خود، راه اندازی میکند یک برنامه تعاملی که یک فایل برای شما درست می کند. با این حال، شما شاید هنوز به پکیج های بیشتری نیاز پیدا کنید.

 برای اطلاعت بیشتر درباره خواصی که می توانید در فایل ‘bower.json’ اضافه کنید، می توانید به اینجا مراجعه کنید.

 

لیست بسته های نصب شده

شما به راحتی با دستور ‘list’ می توانید مشاهده کنید که چه پکیج هایی نصب شده است.

قطعه خروجی زیر را نشان می دهد که از ‘jQuery’ و ‘Modernizr’ و ‘Sass’ استفاده شده است. توجه داشته باشد که ‘Bower’ چک می کند که آیا نسخه جدید پکیج در دسترس می باشد یا نه.

bower-list

 

بروز رسانی پکیج ها

بروزرسانی پکیج ها بسیار ساده می باشد. اگر شما از فایل ‘bower.json’ استفاده می کنید، به راحتی با استفاده از دستور ‘update’ می توان تمام پکیج ها را بروزرسانی کرد. با این حال ابزاره بروزرسانی محدودیت هایی برای انکه کدام پکیچ برروزرسانی شود تعیین می کند.

برای بروزرسانی یک پکیج خاص می توانید از دستور ‘update’ و به دنبال آن نام پکیج استفاده کنید.

bower-update

 

حذف پکیچ ها

برای حذف پکیج ها از دستور ‘update’ و به دنبال آن نام پکیجی را که می خواهید حذف شود را وارد کنید.

این امکان هم وجود دارد که چند پکیج را با آوردن نام پکیج ها کنار هم حذف کرد.