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

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



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

آموزش استفاده از Grunt برای مدیریت وظایف تکراری - Grunt (جلسه 4) - نصب Grunt - قسمت 2

2 592 ۴ مرداد ۹۵

در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم.

grund

در جلسه قبل پوشه بندی پروژمون رو درست کردیم و به عنوان قدم اول، grunt-cli رو بر روی سیستم خودمون بصورت global نصب کردیم. بعد از اون با استفاده از دستور npm init در cmd، پروژه خودمون رو تعریف کردیم و نام و نسخه و دیگر ویژگی های اون رو قرار دادیم. با انجام اینکار یک فایل package.json درست شد و در ریشه پروژمون قرار گرفت و اطلاعات پروژه رو در خودش قرار داد.

در همین ابتدا باید یه موضوعی رو برای شما روشن کنم. ببینید هر package یا بسته که برای یک پروژه مورد نیاز هست رو بهش Dependency میگن. یعنی پروژه ما برای کارکرد درست به اون بسته نیازمنده. حالا این Dependency ها خودشون دو مدل هستن. یکی نیازمندی هایی هستند که حتما برای کار کردن پروژه باید حضور داشته باشن و همه باید از اونا استفاده کنن. مدل دیگه Developer dependency هست و این مدل به معنای اون هست که فقط کسانی که میخان این پروژه رو توسعه بدن و تغییراتی در اون بوجود بیارن، باید این بسته ها رو نصب کنن و تا این موارد نصب نباشه، نمیشه تغییری در پروژه بوجود آورد.

این موارد رو باید در فایل package.json مشخص کنید و بگید که هر بسته در چه دسته ای قرار میگیره. با اینکار اگه یه نفر دیگه خواست از پروژه شما استفاده کنه، فایلهای مورد نظر رو میگیره و بعد از اون با زدن دستور npm install بسته هایی که برای اون پروژه لازمه براش نصب میشه. این مواردی که دارم عرض میکنم خیلی خیلی در Github کاربرد داره و چونکه خیلی از افراد دارن روی یه پروژه کار میکنن، با استفاده از همین قاعده میان و مدیریت پروژه رو بهتر میکنن. برای مثال اگر بخوام بهتر براتون توضیح بدم، پروژه Foundation Zurb رو در Github ببینید. همونطور که میدونید این پروژه یک فریم ورک واکنشگرا کردن پیشرفته هست که محبوبیت بالایی هم داره و همین الان که دارم این مطلب رو مینویسم 23751 نفر اون رو Star کردن. اگر در صفحه مورد نظر نگاه کنید، فایلهای زیادی وجود داره که یکی از اصلی ترین اونها package.json هست:foundation package json

اگر روی این فایل کلیک کنیم، این فایل در صفحه ای جدید باز میشه و کدهای درونش به ما نمایش داده میشه. کدهاش بصورت زیر هست:

همونطور که دیدید کدهایی شبیه به کدهای package.json خودمون درونش هست ولی کمی بیشتر و پیچیده تر.

ما در اینجا این کدها رو قرار دادیم تا دو مفهوم dependencies و devDependencies رو به شما نشون بدیم. dev مخفف همون developer یا توسعه دهنده هست. در بالا dependencies بصورت زیر هست:

همونطور که میبینید دو package یا بسته jquery و what-input بعنوان بسته های مورد نیاز پروژه تعریف شدن. همونطور که میبینید در جلوی هر بسته ورژن یا نسخه مورد نظر قرار داده شده.

در کد بالا devDependencies بصورت زیر هست:

همونطور که دیدید package یا بسته های زیادی برای devDependencies قرار داده شدن و نشون میده که کسی که بخواد پروژه عظیم foundation رو توسعه بده، باید همه این بسته ها رو نصب کنه. با این کار زمانی که cmd رو به ریشه این پروژه بردید، عبارت npm install رو بزنید. npm بصورت اتوماتیک همه بسته ها رو، چه devDependencies و چه dependencies دریافت کرده و نصب میکنه. حالا اگر شما قصدتون این نباشه که foundation رو توسعه بدید و صرفا میخاید از اون استفاده کنید با زدن دستور زیر، فقط بسته هایی که در dependencies هستن رو نصب کنید و لازم نیس بسته های حجیم دیگه رو هم دانلود کنید:

بهمین سادگی فقط همون دو بسته jquery و what-input نصب میشه. شاید این بحث ها در ابتدا کمی شما رو گیج کنه ولی همینجور که جلو بریم بیشتر با کم و کیف قضیه آشنا خواهید شد.

در جلسات بعدی بیشتر در مورد Grunt صحبت میکنیم.

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

موفق باشید

یا علی

Source

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

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

  • ‏‏

    سلام
    امکان اموزش github هم هست!؟ اخه یه خورده پیچیده هست

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram