آموزش استفاده از Grunt برای مدیریت وظایف تکراری - Grunt (جلسه 21) - تبدیل کدهای sass به css - قسمت 1

- visibility ۰ mode_comment

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

grund

قبل از اینکه با فایلهای sass کار کنیم و اونا رو کامپایل کنیم ما نیاز داریم که ruby و sass بر روی سیستممون نصب باشه. همونطور که میدونید sass بر پایه زبان ruby هست و برای کار کردن به اون به ruby احتیاج داریم. پس اولین کاری که باید بکنیم، نصب ruby هست. برای شروع باید وارد سایت ruby بشید و به بخش Downloads اون برید و با توجه به سیستم عامل خودتون، نرم افزار مناسب رو دانلود کرده و اون رو روی کامپیوترتون نصب کنید. چون بیشتر کسایی که دارن این مقاله رو میخونن از ویندوز استفاده میکنن و کامپیوترهای mac هم بصورت پیش فرض ruby رو دارن، پس در اینجا نحوه نصب ruby در ویندوز رو آموزش میدیم. ruby یک ابزار بنام rubyinstaller رو برای کاربران ویندوز تهیه کرده و کاربران میتونن با دانلود و نصب اون، به سادگی از قدرت ruby بهره مند بشن. وقتی وارد سایت مورد نظر شدید بر روی دکمه Downloads کلیک کنید تا وارد بخش دانلودها بشید. در اونجا نسخه های متنوعی قرار داده شده و شما میتونین هر کدوم رو که خواستید دانلود کرده و استفاده کنید. خود سایت مورد نظر پیشنهاد کرده که نسخه های 2.2.x رو دانلود و نصب کنید. بهمین دلیل ما هم نسخه 2.2.5 رو دانلود میکنیم.install ruby windows

همونطور که میبینید در بالا نسخه های 2.2.5 رو مشخص کردم. کسانی که سیستم عامل 32 بیتی دارن مورد اول و کسانی که سیستم عامل 64 بیتی دارن، مورد دوم رو دانلود و دریافت کنن. اگر با دانلود به مشکل بر خوردید از فیلتر شکن استفاده کنید. بعد از دانلود بر روی فایل exe دریافتی دو بار کلیک کنید تا محیط نصب باز بشه.install ruby windows 2

بر روی دکمه ok کلیک کرده تا وارد مرحله بعد بشید.install ruby windows 3

گزینه I Accept رو انتخاب کرده و بر روی Next کلیک میکنیم.install ruby windows 4

در بالا در ابتدا مسیر نصب رو انتخاب میکنیم که من میزارم همین باشه و بعد از اون گزینه ای که مشخص کردم رو حتما انتخاب و فعال کنید. با اینکار ruby بصورت global نصب میشه و در همه جای سیستم میتونید از اون استفاده کنید. بعد از اینکار بر روی دکمه Install کلیک کرده تا فرآیند نصب شروع بشه.install ruby windows 5

میبینید که نصب با موفقیت به پایان رسید. حالا بر روی دکمه Finish کلیک کنید. حالا برای حصول اطمینان از اینکه ruby بر روی سیستم شما نصب شده یا خیر، cmd رو باز کرده و عبارت ruby -v رو تایپ کنید و اینتر بزنید:ruby success install

میبینید که نسخه 2.2.5 بر روی سیستم من نصب و فعال هست. همونطور که node یک مدیریت کننده پکیجها بنام npm داره، ruby هم یک ابزار بنام gem داره که با استفاده از اون میتونین بسته های ruby رو دانلود کرده و نصب کنید. بسته هایی که با استفاده از gem میتونین اونا رو دانلود کنید در سایت rubygems هستن و میتونین بین اونا جستجو کنید. با نصب ruby ابزار gem هم بصورت اتوماتیک نصب میشه. برای اینکه بفهمید نصب هست یا خیر عبارت gem -v رو تایپ کرده و اینتر بزنید:gem version

حالا که دیدید gem نصب هست میتونین با استفاده از اون sass رو نصب کنید. برای اینکار دستور gem install sass رو وارد میکنیم:install sass

برای اینکه مطمئن بشید sass نصب شده یا خیر، عبارت sass -v رو میزنیم:install sass 2

میبینید که sass ورژن 3.4.22 بر روی سیستم من نصب هست. حالا میتونیم از قدرت sass بهره ببریم. در جلسه بعد در مورد grunt-contrib-sass توضیح میدم.

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

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

موفق باشید

یا علی

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.