10 Packages atom yang berguna untuk membantu penulisan kode

Tanpa basa-basi lansung aja simak gan! Oh iya gan, saya ga tau ini termasuk tutorial ato ngga :x, komen dibawah gan

 1. Emmet [https://atom.io/packages/emmet] Apa itu emmet? emmet adalah plugin/package yang berfungsi mempercepat penulisan kode agan. Emmet ini juga ada untuk sublime text, notepad++, brackets, dll. Agan bisa lihat contoh penggunaannya di [http://emmet.io]. Untuk melihat sintak-sintaksnya bisa dilihat di [http://docs.emmet.io].

2. Color Picker [https://atom.io/packages/color-picker]. Nah, yang ini berguna banget buat penulisan kode CSS gan! Dengan memakai plugin/packages ini, agan bisa langsung memakai color pickernya di atom-nya sendiri! Penggunaannya cukup mudah, hanya dengan 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.

3. CSS Comb [https://atom.io/packages/css-comb]. Yang ini untuk membuat kode css menjadi rapih gan. Misalnya, kode css agan ga ada ";" semua, kan ribet tuh kalo harus ketik satu2. Dengan memakai CSS Comb ini, agan tinggal menggunakan shorcut "CTRL+ALT+C" untuk windows atau "CMD+ALT+C untuk mac.

4. Linter [https://atom.io/packages/linter]. Linter ini berfungsi untuk mengkoreksi dan memberi tips untuk kode kita gan. Linter yang disini hanya berfungsi sebagai API gan. Agan harus donlod ini supaya linter yang lain berfungsi. Linter juga ada untuk html, css, javascript, dll. Untuk list fullnya bisa dilihat di [http://atomlinter.github.io].

5. Beautify [https://atom.io/packages/atom-beautify]. Beautify berfungsi untuk mempercantik/merapihkan kode agan supaya mudah dibaca. Setelah menginstallnya, agan bisa klik kanan dan pilih "Beautify editor contents" untuk menjalankannya.

6. Minimap [https://atom.io/packages/minimap]. Kode agan banyak? panjang? dengan plugin ini, agan ga usah susah2 scroll kebawah untuk mencari kode agan. Setelah menginstallnya, agan bisa mengganti letak minimapnya gan, mau di kiri atau di kanan terserah agan.

7. Todo Show [https://atom.io/packages/todo-show]. Lupa mo ngapain? pake plugin ini gan, Dengan plugin ini agan bisa menampilkan todo list di samping layar agan. Cara penggunaanya hanya dengan shorcut "ALT+SHIFT+T" untuk windows/linux atau "CMD+SHIFT+T" untuk mac.

8. Pigments [https://atom.io/packages/pigments]. Pigments berfungsi untuk mengganti background kode warna. Contohnya "#FFFFFF" backgroundnya akan berganti sesuai kode warnanya sendiri.

9. Javascript Snippets [https://atom.io/packages/javascript-snippets]. Kalo ini bisa dibilang "emmetnya" javascript :x.

 10. File Icons [https://atom.io/packages/file-icons]. File icons berfungsi untuk menambahkan icon sesuai dengan ekstensinya. Berguna banget untuk yang punya file banyak.

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.