Beberapa Package Atom Untuk Sublime Text

by | Aug 2, 2017 | Kursus Website, Tips Trik, Tools, Website | 0 comments

Pada kesempatan kali ini saya akan menjelaskan beberapa package atom untuk sublime text. Sebelumnya perlu teman-teman ketahui, package atom berguna untuk membantu penulisan kode atau yang biasa di sebut dengan plugin.

Berikut daftar package atom yang bisa teman-teman install di sublime text untuk membantu penulisan kode:

  • CSS Comb

CSS comb berfungsi untuk mengurutkan syntax CSS berdasarkan sifat nya. CSS Comb menjadikan kodingan yang teman-teman buat menjadi rapi dan terurut dengan benar. Hal ini juga membantu teman-teman untuk menggabungkan kode yang dikerjaan oleh banyak pekerja atau tim.

Cara Install :

  • Pastikan Package Control pada Sublimetext telah terinstal.
  • Lalu Install Package melalui Command Pallete, dapat ditemukan dengan cara Tools – Command Pallete atau Preferences – Package Control (ctrl +shift + p), Ketikan Install Package, lalu enter.
  • Tunggu hingga install package selesai. Jika telah selesai,
  • Command pallete akan tampil kembali dan ketikkan CSSComb, lalu enter.
  • Copy [Setting Default ] dan [ Key Bindings Default ] dan paste ke [ Setting User ] dan [ Key Bindings User ] pada Preferences – Packages Setting – CSS Comb.

 

  • CanIUse

CanUse berfungsi untuk memeriksa format syntax CSS dan HTML yang dapat di gunakan pada browser teman-teman. Yang mempermudah web programmer untuk membuat desain menggunakan CSS. Penggunaan nya pun sangat mudah, dengan cara menyorot syntax CSS atau elemen HTML , lalu klik kanan dan pilih Can I Use, maka akan langsung membuka halaman CanIUse.com.

Cara Install :

  • Pastikan Package Control telah terinstal.
  • Lakukan Install Package melalui Command Pallete, Atau dapat ditemukan dengan cara Tools – Command Pallete atau Preferences – Package Control (ctrl +shift + p), Ketikan Install Package, lalu enter.
  • Tunggu hingga install package selesai.
  • Jika telah selesai, command pallete akan tampil kembali.
  • Ketikkan CanIUse, lalu enter.
  • Selesai

 

  • Color Picker

Untuk yang satu ini berguna banget buat penulisan kode CSS teman-teman. Dengan memakai plugin/packages ini, teman-teman bisa langsung memakai color picker di atom-nya sendiri. Penggunaannya pun cukup mudah, hanya dengan menekan tombol shorcut “CTRL+ALT+C” untuk windows atau “CMD+SHIFT+C” untuk mac. Untuk color pickernya sendiri, bisa memakai warna RGB(a), hex, hsl, hsv, dan vec.

Sampai di sini penjelasan saya mengenai beberapa package atom untuk sublime text, semoga bermanfaat.