Tutorial SASS Part 1 : Pengenalan dan Instalasi SASS

"Tutorial SASS Part 1 : Pengenalan dan Instalasi SASS"

Instalasi SASS

sebelum kita bisa menggunakan SASS ini, kita harus terlebih dahulu mengintall SASS ini. namun pada materi tutorial ini saya akan membahas bagaimana cara installasi SASS menggunakan CMD. silahkan kunjungi website resmi SASS ini di www.sass-lang.com

oke, langsung ke tahap instalasi,
berikut adalah tahapan-tahapan utnuk proses instalasi SASS :

1. install Ruby

   silahkan install aplikasi ruby terlebih dahulu. ini karena SASS dikembangkan menggunakan Ruby.

   kita akan menggunakan fitur managemen paket ruby pada saat installasi.

2. buka start commad promp with ruby.

Command Promt Ruby

3. setelah cmd terbuka jalankan perintah ini :

Perintah Install SaSS

4. ini akan membutuhkan koneksi internet, silahkan tunggu prosess instalasi sampai selesai. jika berhasil akan tampil seperti berikut : untuk mengecek apakah instalasi berhasil silahkan ketikkan perintah berikut di cmd yang kita buka tadi :

Check versi Sass

Penulisan SASS

sebenarnya penulisan SASS sendiri meliki dua model yaitu SASS sendiri (dengan ekstensi .sass) dan satu lagi menggunaka SCSS (dengan ekstensi .scss). perbebedaan antara model SASS dan SCSS adalah pada penulisan, dimana SCSS menggunakan tanda kurung kurawal dan diakhiri titik koma(;). 

Penulisan scss

Perintah dari SCSS

Perintah SASS

Sumber Artikel : malasngoding.com