Installasi Sass dan Compass

Woohooo, maaf agak lama update dari postingan sass sebelumnya karena kantor baru pindahan dan ada kerjaan yang butuh selese cepat. Oke deh memenuhi janji postingan sebelum nya, kali ini saya mau berbagi bagaimana cara installasi sass dan compass. Karena saya pemakai windows (Original) maka yang saya sampaikan nanti hanya teruji di platform windows untuk platform selain windows cari sendiri yaakkk.. :p

Sass ini berjalanan menggunakan ruby jadi yang pertama kali disiapkan sebelum menginstall sass dan compass adalah ruby nya dulu, bisa download di http://rubyinstaller.org/downloads/ sedangkan versi yang saya pakai adalah versi 1.9.3 dan kita akan bermain main di command prompt (dikit aja, jangan membayangkan yang nggak nggak dulu ya…)

Saya anggap semua sudah install ruby nya, saat nya memasuki dunia command line… jeng… jeng… jeng…

*install sass dan compass harus konek internet ya… klo ga konek internet download dulu di http://rubygems.org/gems/sass & http://rubygems.org/gems/compass

1. Cek apakah ruby sudah terinstall

2. Install Sass

3. Install Compass

4. Cek apakah Sass dan Compass sudah terinstall

5. Create sass compass project

6. Compile Otomatis

Kita tidak perlu mengcompile setiap kali ada perubahan code, biarkan dia berjalan sendirinya, yaitu menggunakan command watch, jadi command ini seperti memantau jika ada perubahan di source code sass compass, dan akan mengcompile otomatis.

Tenang… yang males menggunakan command line ketika compile, setting configurasi bisa pake scout bisa di download di sini dan cara penggunaannyaa bisa dilihata di sini

7. Memulai menulis code sass

Cara Uninstall Sass dan Compass

Tenang… yang males menggunakan command line ketika compile, setting configurasi bisa pake scout bisa di download di sini dan cara penggunaannyaa bisa dilihata di sini

Comments

  1. By Rizwan

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>