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.
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