آموزش استفاده از SASS در Intellij IDEA

آموزش استفاده از SASS در Intellij IDEA
کامپایر SASS یا SCSS در Intellij IDEA به وسیله‌ی Ruby و پلاگین File Watcher

استفاده از SASS کار چندان سختی نیست و در این مطلب قصد داریم تا نحوه‌ی استفاده از آن در Intellij IDEA را به شما آموزش دهیم.

مراحل انجام کار

نصب RubyInstaller
قبل از هرچیزی، ابتدا باید وارد لینک RubyInstaller شده و آن را دانلود و نصب نمایید. اگر از گزینه‌های انتخابی در هنگام نصب سر در نمیاورید، آن‌ها را به حالت پیش‌فرض رها کنید.

نصب sass روی Ruby
از اتصال به اینترنت، اطمینان حاصل کرده و سپس از منوی START، عبارت CMD را جستجو کنید؛ آن را از طریق Run as administrator اجرا کرده و دستور زیر را تایپ کنید. منتظر اتمام نصب باشید.

gem install sass

پس از اتمام نصب، دستور زیر را اجرا کنید:

sass -v

حالا باید ورژن sass برایتان نمایش داده شود؛ برای مثال: Sass 3.5.5 (Bleeding Edge)؛ در غیر این صورت، با موفقیت نصب نشده است.

نصب پلاگین File Watchers در Jetbrains

1. وارد پروژه‌ی خود شده و از منوی File وارد Settings و سپس Plugins شوید.
2. روی Install JetBrains plugin کلیک و عبارت File Watcher را جستجو کرده و آن را نصب کنید.
3. نرم افزار را ریستارت کنید.
4. دوباره به همین Settings آمده و این بار گزینه‌ی File Watchers را در بخش Tools مشاهده ‌می‌کنید.
5. یک فایل یا فرمت scss بسازید.
6. به همین بخش File Watchers آمده و روی آیکون بعلاوه کلیک کنید.
7. از گزینه‌‎های موجود، Sass را انتخاب کرده و از پنجره‌ی باز شده، روی OK کلیک کنید.
8. دو گزینه‌ی SCSS و Sass را مشاهده می‌کنید که اضافه شده‌اند.