Sass یک CSS Preprocessor است که باید قبل از استفاده روی سیستم نصب شود تا بتوانید فایل‌های .scss یا .sass را به CSS کامپایل کنید.

۱️⃣ نصب Sass با npm (Cross-platform)

اگر Node.js روی سیستم شما نصب است، بهترین روش نصب Sass از طریق npm است:

npm install -g sass

• -g نصب جهانی را روی سیستم انجام می‌دهد

• بعد از نصب، دستور sass در ترمینال قابل استفاده است

۲️⃣ نصب Sass بدون npm

🔹 نسخه Standalone

• Sass همچنین نسخه standalone دارد که نیازی به Node.js ندارد

• می‌توانید از Sass GitHub نسخه مناسب سیستم خود را دانلود کنید

۳️⃣ کامپایل Sass به CSS

🔹 حالت ساده

sass style.scss style.css

• style.scss → فایل Sass

• style.css → فایل خروجی CSS

🔹 حالت Watch (به‌روزرسانی خودکار)

sass --watch style.scss:style.css

• هر بار که فایل Sass ذخیره شود، فایل CSS به‌روز می‌شود

۴️⃣ نصب Sass در پروژه با npm

🔹 نصب محلی پروژه

npm install --save-dev sass

🔹 اجرای کامپایل

npx sass src/styles.scss dist/styles.css

📌 مناسب برای پروژه‌های بزرگ با Build Tools

۵️⃣ نکات مهم

• بعد از نصب، با دستور sass --version می‌توانید نسخه نصب شده را بررسی کنید

• برای پروژه‌های مدرن، می‌توان Sass را با Webpack, Vite یا Gulp ترکیب کرد

• استفاده از حالت Watch باعث سرعت بخشیدن به توسعه می‌شود