Cara Cepat Coding menggunakan EMMET untuk Sublime Text 2 - Review Gadget Terbaru Fajar Nugraha Wahyu

Breaking

Wednesday 23 September 2015

Cara Cepat Coding menggunakan EMMET untuk Sublime Text 2


 

Lazada Indonesia
Kali ini saya akan menjelaskan cara install dan menggunakan Emmet untuk Sublime Text 2. Memang untuk menulis coding saya lebih suka menggunakan Sublime Text 2. Walaupun dari dulu ada banyak editor yang saya pakai. Mulai dari Notepad Programmer+ , EditPlus+, Brackets dan sekarang pake Sublime Text 2.
Nah, untuk menulis code bahasa pemograman yang begitu banyak. Tentu kita butuh speed dalam menulis. Kebetulan saat ini saya masih doyan2nya di Front End. Maka sangat penting menulis syntax secara cepat. Di Sublime Text 2 ada beberapa plugin yang bisa kita pasang untuk memudahkan kita bekerja. Salah satu yang populer adalah EMMET.  Saya akan menjelaskan cara pasang/install dan menggunakan Emmet di Sublime Text 2.

Install Emmet

Sebelumnya tentu saja anda harus mendownload program Sublime Text 2.  Lalu anda install. Anda dapat menggunakan terlebih dahulu seperti mengganti themes , tulisan dll sehingga mata tetap nyaman melihat editor text dalam waktu berjam-jam.

Langkah pertama

Buka console di Sublime Text 2 untuk mengaktifkan paket instalasinya.  Cara dengan membuka di tab View > Open Console  atau bisa menggunakan shortcut : CTRL + ‘
Akan terbuka jendela popup. Lalu anda isikan code dibawah ini :

Langkah kedua

Setelah itu kita akan buka command pallete menggunakan shortcut : CTRL + SHIFT + P lalu anda ketik Install Package.
Lalu tekan Enter.
Akan kebuka kotak dialog, lalu anda dapat mengetik “EMMET” lalu tekan Enter.
Tunggu beberapa saat, di Sublime Text 2 akan kebuka notifikasi atau sukses instalasi EMMET.

Cara menggunakan EMMET

Cukup mudah, anda dapat membuat “New Document” lalu save dengan index.html.
Jika membuat tag HTML5. Anda hanya mengetik html:5 lalu pencet TAB.
Anda dapat juga membuat link , div, dan lain-lain dan di akhir dengan TAB.
emmet_html5
Tentu sangat menghemat waktu dan mudah bukan?
Jika ingin liat cmd lainnya. Anda dapat liat di cheat sheet EMMET.

sumber : http://harryrd.com/cara-install-dan-menggunakan-emmet-untuk-sublime-text-2/

No comments:

Post a Comment