Easy with Emmet

Pada kali ini akan berbagi tentang tips coding di editor seperti sublime text dengan bantuan emmet (zen coding) plugin. Jadi dengan emmet (zen coding) plugin ini kita bisa mendeklarasikan syntax nested HTML atau XML elements menggunakan expressive inline syntax dan kemudian plugin emmet inilah yang nantinya mengenerate nya. Gampangnya liat contoh berikut:

Dengan mengetikkan syntax ini pada editor seperti sublime text:

div>ul>li*5

Maka otomatis di generate menjadi:

Nah, itu salah satu contohnya. Untuk contoh lebih banyak bisa di akses di video ini: http://vimeo.com/7405114

Plugin Emmet sudah mendukung pada editor seperti Visual Studio, vim, Notepad++, emacs, TextMate, Aptana, danEditPlus. Untuk cara instal emmet plugin di sublime text atau download, langsung cek di link ini: https://github.com/sergeche/emmet-sublime#how-to-install.

Semoga bermanfaat 🙂

 

Iklan

Good People write good comments ..

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s