illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

Bower : ابزاری برای مدیریت بسته های مورد نیاز شما

2 3198 ۵ آذر ۹۳

در این مطلب میخوام چیزی رو به شما آموزش بدم که خیلی میتونه در کدنویسی و ساخت سایتهاتون بهتون کمک کنه و در کارهاتون جلو بیوفتین و وقتتونو سر چیزهای الکی به باد ندین.

مثلا فرض کنید من میخوام در سایتم از bootstrap و jQuery و چند چیز دیگه استفاده کنم. کاری که تا قبل از این میکردم ، این بود که میرفتم در سایت اصلی bootstrap و jQuery و آخرین نسخه و یا نسخه ی مشخصی از اونو دانلود میکردم و استفاده میکردم. برای jQuery هم همین مراحل رو انجام میدادم. حالا ممکنه 10 تا سایت دیگه هم باشه که اگر بخوام همین کارارو برای 10 تا ابزار دیگه هم انجام بدم ، خیلی از وقتم تلف میشه. این یکی از دلایلی هست که این مطلب رو براتون مینویسم.

دلیل دیگه اینکه با استفاده از bower میتونید همیشه update و بروز باشید و به سرعت هر چه بیشتر ابزارهاتون رو به نسخه ی نهایی ارتقاء بدین و لازم نباشه که هر دفعه مستقیما برید به سایتش و آخرین نسخه رو دریافت و استفاده کنید. دلایل دیگه ای هم وجود داره که خودتون به اونا پی میبرید.

bower-logo

bower یک ابزار تحت وب هست که با استفاده از اون میتونین ابزارهایی که لازم دارین رو مدیریت کنید و روی اونا کنترل داشته باشین و دستتون رو باز میزاره. در این مطلب شما رو با اون آشنا میکنم.

برای استفاده از bower باید حتما node و npm بر روی کامپیوتر شما موجود باشه. قبلا روش قرار دادن این موارد رو در این لینک براتون توضیح دادم.

نحوه نصب bower :

بعد از نصب node و npm بر روی کامپیوتر خودتون ، روی CMD خودتون کلیک راست کنید و گزینه Run as administrator رو انتخاب کنید. با اینکار CMD در حالت مدیر باز میشه. حالا باید با استفاده از دستور زیر ، bower رو نصب کنید :

bower1

بعضی مواقع که دارین از npm استفاده میکنین ، حتما باید از یک فیلتر شکن استفاده کنید. برای نصب bower حتما باید از این ابزار استفاده کنید. این میشه یکی از استفاده های مفید از فیلتر شکن. بعد از اینکه bower نصب شد و ارور هم نداد ، برای اینکه مطمئن بشین که bower نصب شده یا نه میتونین از روش زیر استفاده کنید :

bower2

با توجه به اینکه این دستور رو وارد کردیم و نسخه bower رو بهمون داد ، متوجه میشیم که bower نصب شده. نسخه bower من 1.3.12 هست. حالا که این کارها رو انجام دادین ، میتونین از bower استفاده کنید. من برای اینکه برای شما مثال بزنم ، در Desktop خودم یک پوشه بنام bower میسازم و روی اون کارامو انجام میدم.

اولین کاری که باید بکنیم ، اینه که در CMD با استفاده از دستور cd به پوشه bower در Desktop بریم. بصورت زیر:

bower3

لیست ابزارها و کتابخانه ها و فریم ورکهایی که با استفاده از bower میتونین دریافت کنید ، در این لینک وجود داره. هر کدوم رو که بخواین میتونین استفاده کنید. همچنین میتونین با استفاده از دستور bower search در CMD اینکارو انجام بدین و ببینید که bower از چه چیزهایی پشتیبانی میکنه.

در ابتدا که پوشه bower خالی هست. فرض کنید من میخوام bootstrap رو بدون رفتن به سایت اصلی دریافت کنم. برای اینکار بصورت زیر عمل میکنیم :

bower4

کمی منتظر بمونید تا دانلود بشه و در پوشه bower قرار بگیره. بعد از اینکه نصب بدون ارور تموم شد ، چنین پیامی رو دریافت میکنید :

bower5

jquery#2.1.1 به این معنی هست که نسخه 2.1.1 هست.

اون چیزی که مشخص کردم ، به این معنی هست که bootstrap به jQuery نیاز داره و jQuery هم دانلود شده و در اختیارتون هست. حالا اگر برید به پوشه bower ، یک فولدر بنام bower_components وجود داره که اگه اونو باز کنید دو تا پوشه ی زیر درونش هست. بصورت زیر :

bower6

میبینید که به همین راحتی آخرین نسخه های bootstrap و jQuery رو دریافت کردین. این فایلها بصورت کامل هستند و جزئیات دیگه ای هم در کنارشون قرار گرفته. فایلهای اصلی هر ابزار در پوشه dist هست. برای مثال روی پوشه bootstrap و بعد از اون روی dist کلیک کنید ، میبینید که فایلهای اصلی در اینجا قرار داره. بصورت زیر :

bower7

فرض کنید شما نخواین آخرین نسخه ابزاری رو دانلود کنید. اول باید ببینید که bower چه نسخه هایی رو تحت پوشش قرار میده. من اینکارو برای jQuery انجام میدم. بصورت زیر :

bower info jquery

بعد از اینکه این کد رو در CMD وارد کردید ، نسخه های موجود رو میبینید :

bower8

حالا هر نسخه ای رو که خواستین میتونین دریافت کنید. فرض کنید من نسخه 1.5.2 jquery رو لازم دارم. برای اینکار کد زیر رو در CMD تایپ میکنم و منتظر میمونم تا دریافت بشه :

bower install jquery#1.5.2

به همین راحتی میتونیم ابزارهامونو دریافت کنیم و از اونا استفاده کنیم. برای مطالعه بیشتر در این زمینه و آشنا شدن با قابلیتهای دیگر اون میتونین به این لینک سر بزنین.

امیدوارم بدردتون بخوره.

موفق باشید. یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    تشکر فراوان! باز هم مطالب کاربردی بودند.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram