Get to Know SASS: Menginstall SASS dengan Chocolatey Package Manager (Windows)

Photo by Joshua Reddekopp on Unsplash

Hello, Readers!

Pada artikel sebelumnya kita telah membahas tentang apa itu SASS dan bagaimana cara kerjanya. Pada dasarnya, SASS adalah suatu CSS preprocessor yang bekerja dengan cara menerima input berupa kode dengan struktur standar SASS, memproses dan menerjemahkan kode tersebut, lalu menghasilkan output berupa kode CSS murni yang dipahami oleh browser. Kemudian, kode CSS tersebut akan menjadi input yang akan di-render oleh HTML sebagai suatu stylesheet.

And in this article, I wanna share about how to install SASS. Nah, langsung saja kita bahas. Here we go …

How to Install SASS

Sebelum kita membahas lebih dalam tentang bagaimana cara memakai SASS dan apa saja fitur-fitur di dalamnya, kita harus meng-install-nya telebih dahulu.

Mengutip dari situs resmi SASS, ada beberapa cara untuk meng-install SASS. SASS bisa di-install melalui aplikasi seperti CodeKit (Paid: Mac), Ghostlab (Paid: Mac Windows), Scout-App (Open source: Mac Windows Linux), dll.

Selain menggunakan aplikasi, SASS juga dapat di-install langsung dengan menggunakan command line. SASS dapat di-install dengan menggunakan npm (Node.js required) dengan menjalankan:

npm install -g sass

atau dengan menggunakan Homebrew (Linux dan Mac) dengan menjalankan:

brew install sass/sass/sass

atau dengan menggunakan Chocolatey package manager (Windows) dengan menjalankan:

choco install sass

Nah, di sini kita akan menggunakan Chocolatey untuk meng-install SASS. Berikut adalah caranya:

1. Install Chocolatey

Pertama-tama, run as administrator Command Prompt (cmd) lalu jalankan perintah di bawah ini:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

Kemudian, kita jalankan perintah untuk mengecek versi dari Chocolatey sebagai berikut:

choco -v

Jika output-nya muncul versi dari Chocolatey seperti berikut, berarti Chocolatey telah berhasil di-install.

Chocolatey Version

2. Install SASS dengan Chocolatey

Setelah Chocolatey package manager berhasil di-install, kita dapat meng-install SASS dengan menjalankan perintah cmd sebagai berikut:

choco install sass

Pada proses instalasi, akan ada beberapa pertanyaan (untuk meng-install Dart SDK dan SASS-nya sendiri). Untuk kali ini, pilih saja opsi untuk install SASS. Kemudian tunggu proses download-nya hingga selesai. Pastikan koneksi internetmu stabil.

Setelah proses instalasi selesai, jalankan perintah berikut untuk mengecek versi dari SASS, sekaligus untuk mengecek apakah SASS telah ter-install atau belum.

sass --version

Jika versi dari SASS muncul seperti gambar di bawah, berarti SASS telah berhasil untuk di-install.

SASS Version

Nah, mungkin cukup sekian pembahasan tentang bagaimana cara meng-install SASS. Semoga artikel kali ini bermanfaat untuk kalian. If there is a mistake in this article, you can correct it down below on the comment section, I really happy for that. Jangan lupa untuk tetap bahagia dan terus semangat mengejar mimpi-mimpi kalian.

Thanks for reading and see ya!