اگر از آن دسته افرادی هستید که با پکیجهای مختلف و پروژههای مختلف تحت کلاینت سر و کار دارید و همچنین اطلاعات چندانی نسبت به NodeJs ندارید (مثل خود من)، حتما به پروژههایی در Github برخوردید که نیازمند نصب وابستگیها از خط فرمان bower و یا npm هستند.
بعد از مطالعهی مطلب
آشنایی با bower این نیاز ایجاد شد تا در پروژههایی که قرار است درون Visual Studio اجرا شوند، وابستگیهای bower چگونه میتوانند مدیریت شوند.
خوشبختانه Microsoft این امکان را ایجاد کرده تا شما بتوانید پروژههایی را که وابستگیهایشان درون bower تعریف شده را نیز درون Visual Studio حل و فصل کنید. در ادامه تمامی این مراحل، قدم به قدم اضافه تشریح شده است.
قابل ذکر است که هر سه package manager معروف npm، bower و Nuget در ویژوال استدیو 2015 به صورت توکار موجود هستند.
جزیات بیشتر در مستندات مایکروسافت
معرفی پکیج Bower
همانطور که در مقاله
آشنایی با bower نیز اشاره شد، bower یک package manager برای تکنولوژیها و کتابخانههای کلاینت است. این package manager بر روی Git اجرا میشود. همانطور که میدانید تمامی پکیجها نیز از Git دریافت میشود.
اما حال اینکه چگونه میتوان از این package manager در سمت Visual studio بدون نصب NodeJs و Git استفاده کرد، با پکیج توسعه داده شده Bower مایکروسافت رفع شدهاست.
جزئیات این پکیج را میتوانید در
NuGet مطالعه کنید.
شروع کار با Bower
برای آغاز، یک پروژهی web Application ایجاد میکنیم. من Empty را انتخاب و ریسورسهای MVC را هم اضافه کردم.
حال در بخش Package Manager Console دستور زیر را اجرا کنید:
پس از نصب وابستگیها و خود bower خروجی package manager console به صورت زیر خواهد بود:
مشاهده میکنید که فولدر .bin به پروژهی شما اضافه شده است.
حال درون صفحهی cmd (توجه کنید cmd، نه package manager console) به آدرس پروژه (نه solution) با دستور زیر منتقل شوید:
که به جای project location آدرس فایل پروژه را قرار میدهیم. شکل زیر نمایانگر این مسیر است:
با اجرای دستور زیر bower.json را به پروژه اضافه میکنیم:
مشاهده میکنید که پس از دستور bower init مواردی که قرار است درون bower قرار گیرد، مقدار دهی میشوند. من مقادیر را به صورت زیر (حالتهای پیش فرض) تکمیل کردم:
حال باید تا اینجای کار یک فایل bower.json برای شما در روت پروژه ساخته شده باشد. حال بیایید اولین اسکریپت رفرنس را به پروژه اضافه نماییم. من قصد دارم تا با دستور زیر JQuery را به پروژه اضافه کنم:
پکیج JQuery به صورت زیر دانلود میشود و در پوشهی bower_component در روت پروژه قرار میگیرد.
به همین صورت شما میتوانید تمامی نیازمندیهای پروژه را از Git با استفاده از bower package manager دریافت کنید.