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

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



  آیا می دانید تا کنون 6255 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

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

2 599 ۷ مرداد ۹۵

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

grund

در جلسه قبل در مورد نحوه نصب یک بسته در devDependencies و dependencies صحبت کردیم و تفاوتهای اون رو براتون روشن کردیم. در این جلسه میخایم grunt رو با هم دیگه نصب کنیم و توضیحاتی در مورد فایل Javascript که اون رو مدیریت میکنه خدمتتون عرض کنیم. اسم اون فایل که پروژه رو مدیریت میکنه gruntfile.js هست و در ریشه پروژه قرار میگیره و در ادامه توضیحاتی در مورد اون میدیم.

در ابتدا فایل package.json ما بصورت زیر هست:

ساختار پوشه پروژه ما هم بصورت زیر هست:grunt project folder

در اولین قدم برای نصب grunt، محیط CMD رو باز میکنیم و به پوشه مربوط به پروژمون در Desktop میریم:grunt cd folder project

قدم بعدی اینه که با استفاده از npm و توضیحات داده شده در جلسات قبلی، بسته grunt رو بصورت developer نصب کنیم. برای اینکار در cmd بصورت زیر عمل میکنیم:grunt npm install developer

حالا اگر enter بزنیم، npm شروع به کار میکنه و به سرور مورد نظر وصل میشه و بسته grunt رو میگیره و در پروژه ما میریزه و نصب میکنه. بعد از زدن اینتر cmd بصورت زیر در میاد:grunt npm install developer 2

میبینید که یک سری بسته مورد نیاز برای کارایی grunt بصورت اتوماتیک نصب میشن و قرار میگیرن. حالا اگر فایل package.json رو نگاه کنیم، میبینید که بصورت اتوماتیک بروزرسانی شده و بسته grunt در ویژگی devDependencies قرار گرفته. بصورت زیر:

میبینید که در انتها بسته grunt نسخه 1.0.1 قرار گرفته. همونطور که میبینید قبل از نسخه یا ورژن قرار داده شده، یک علامت ^ قرار گرفته. هر کدوم از این علامتها معنای خاصی دارن و بیشتر از این مورد استفاده میشه. این موارد زمانی کاربرد دارن که مثلا شما یک پروژه رو میسازید و مشخص میکنید که برای این پروژه، چه بسته هایی با حداقل چه ورژنی لازم هست. از این به بعد هر کس بخواد از پروژه شما استفاده کنه، با زدن عبارت npm install، بصورت اتوماتیک npm میره و با توجه به همون علامتهای قبل از ورژن، اون نسخه مورد نظر شما رو دانلود میکنه و نصب میکنه. علامتهایی که خودتون میتونین قرار بدین، بصورت زیر خواهد بود:

  • بدون علامت : اگر هیچ علامتی قبل از نسخه بسته قرار ندهیم، npm دقیقا همون نسخه رو نصب میکنه
  • < : اون نسخه ای که نصب میشه، باید بیشتر از این عدد باشه
  • >
  • =<
  • =>
  • ~ : با قرار دادن این علامت قبل از عدد ورژن، npm جدیدترین بسته ای که از minor version تبعیت کنه رو نصب میکنه. مثلا اگر بزاریم ~1.2.3، بسته های 1.2.x میتونن نصب بشن و جای x هر عددی میتونه قرار بگیره ولی نسخه 1.3.0 نصب نمیشه
  • ^ : با قرار دادن این علامت قبل از عدد ورژن، npm جدیدترین بسته ای که از major version تبعیت کنه رو نصب میکنه. مثلا اگر بزاریم ^1.2.3، بسته های 1.x.x میتونن نصب بشن و جای x هر عددی میتونه قرار بگیره ولی نسخه 2.0.0 نصب نمیشه

برای اطلاعات بیشتر در این زمینه میتونین به سایت semver سری بزنید. همچنین این لینک هم میتونه کمکتون کنه.

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

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

موفق باشید

یا علی

Source

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

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

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram