7 plugins untuk editor brackets

Bagi mereka yang belum pernah tahu atau pakai brackets, brackets adalah opensource editor yang dibuat oleh adobe. mari kita mulai review sederhana untuk 7 plugins brackets kita. catatan sampingan buat anda brackets is not new, di github ada 23970 star dengan lebih dari 5025 fork

Github : https://github.com/adobe/brackets
Slack: Brackets on Slack (You can join by requesting an invite)
Developers mailing list: http://groups.google.com/group/brackets-dev
Twitter: @brackets
Blog: http://blog.brackets.io/
IRC: #brackets on freenode

1. Brackets Git

plugin brackets editor yang satu ini akan menghubungkan anda dengan git, tentunya anda harus install git di computer anda. create branch, commit dan jangan lupa settings remote anda. bisa github, bitbucket atau apapun.

2. Code folding

Plugin ini sangat berguna ketika anda ingin melipat code anda dalam kurung kurawal atau berdasarkan tag html tertentu misalnya div, bila code anda terlalu panjang anda dapat melipatnya untuk melihatnya lebih singkat.

3. Beautify

secara umum ctrl+shift+l shortcut untuk beautify, apa yang beautify lakukan untuk anda ? dia akan merapikan tab dan spasi yang telah anda buat di code anda. Merapikan tab dan spasi pada code anda yang berantakan secara otomatis.

4. Emmet

https://github.com/emmetio/brackets-emmet adalah plugin untuk HTML dan CSS dimana emmet akan membuat waktu coding anda singkat karena dengan perintah singkatnya dia akan membuatkan tag dan css yang berulang menjadi lebih singkat. kindly goto youtube https://www.youtube.com/watch?v=NhVdn7_ub5k

5. Documents Toolbar

Document toolbar seperti sublime meletakkan file yang sedang anda edit dalam urutan tab

6. HTMLHint

ini adalah plugin linter untuk HTML, ketika menuliskan class pada html dan class itu belum ada, maka editor brackets akan memberikan kamu kesempatan untuk membuat class baru itu dan kamu secara otomatis akan dibawa ke class yang baru atau ke class yang sudah ada. langsung di edit inline di tempat tidak perlu buka file yang berbeda. sangat membantu mencegah lupa akan class css sewaktu menulis html.

7. Minimap

ini dia minimap code, ketika code anda sangat panjang dan rumit anda ingin tahu anda kini ada di area mana pada coding anda. minimap bisa membantu anda memberikan informasi anda ada di tengah-tengah code atau di bagian bawah code saat ini.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s