آموزش استفاده از SASS در Intellij IDEA
کامپایر SASS یا SCSS در Intellij IDEA به وسیلهی Ruby و پلاگین File Watcher
استفاده از SASS کار چندان سختی نیست و در این مطلب قصد داریم تا نحوهی استفاده از آن در Intellij IDEA را به شما آموزش دهیم.
مراحل انجام کار
نصب RubyInstaller
قبل از هرچیزی، ابتدا باید وارد لینک RubyInstaller شده و آن را دانلود و نصب نمایید. اگر از گزینههای انتخابی در هنگام نصب سر در نمیاورید، آنها را به حالت پیشفرض رها کنید.
نصب sass روی Ruby
از اتصال به اینترنت، اطمینان حاصل کرده و سپس از منوی START، عبارت CMD را جستجو کنید؛ آن را از طریق Run as administrator اجرا کرده و دستور زیر را تایپ کنید. منتظر اتمام نصب باشید.
1 |
gem install sass |
پس از اتمام نصب، دستور زیر را اجرا کنید:
1 |
sass -v |
حالا باید ورژن sass برایتان نمایش داده شود؛ برای مثال: Sass 3.5.5 (Bleeding Edge)؛ در غیر این صورت، با موفقیت نصب نشده است.
نصب پلاگین File Watchers در Jetbrains
- وارد پروژهی خود شده و از منوی File وارد Settings و سپس Plugins شوید.
- روی Install JetBrains plugin کلیک و عبارت File Watcher را جستجو کرده و آن را نصب کنید.
- نرم افزار را ریستارت کنید.
- دوباره به همین Settings آمده و این بار گزینهی File Watchers را در بخش Tools مشاهده میکنید.
- یک فایل یا فرمت scss بسازید.
- به همین بخش File Watchers آمده و روی آیکون بعلاوه کلیک کنید.
- از گزینههای موجود، Sass را انتخاب کرده و از پنجرهی باز شده، روی OK کلیک کنید.
- دو گزینهی SCSS و Sass را مشاهده میکنید که اضافه شدهاند.
ممنون از شما خیلی عالی بود
سلام وقت بخیر
کاربرد file watcher توی phpstorm چیه؟
سلام. این پلاگین برای اینه که فایلایی که تعیین میکنیم رو بررسی کنه و عملیاتیو روشون انجام بده که یکی از این عملیات، همین مورد گفته شده در این مطلب هستش و ساس رو به css تبدیل میکنه.
در واقع میشه گفت trigger روی فایله
خیلی ممنون از محبتتون تشکر
بله میشه به چیزای مختلفی تفسیرش کرد
موفق باشید