Cara Membuat Snippet HTML Pada Sublime Text

23/01/2016    Ekky Ridyanto    9572     Artikel Bebas

Pada artikel sebelumnya kita telah menjelaskan plugin-plugin yang telah di sediakan oleh Sublime text. Sekarang kita akan mencoba membuat snippet pada kode kita. Misalnya kita buat struktur HTML untuk membuat sebuah form yang sederhana saja seperti berikut

dan jika kita ingin menambahkan satu elemen lagi maka kita buat manual tag <label> dan <input> dan itu cukup merepotkan untuk mengulang ulang beberapa baris kode. Nah lebih baik kita gunakan Snippet yang artinya kita ketikkan sesuatu lalu tekan Tab maka akan dibuatkan elemen <label> dan <inputannya>. Caranya kita ke menu tools lalu pilih new snippet dan akan tampil beberapa kode baris berikut

berikut adalah kontentnya script apa yang akan tampil ketika teman teman tekan Tab.

Kemudian yang kedua yang harus teman teman perhatikan yakni <tabTrigger> yang artinya trigger tab seperti apa yang akan memunculkan script kontent diatas

langsung saja kita buat script yang akan ditampilkan. Jadi contohnya sederhana sebagai berikut

kita akan menampilkan kode tersebut ketika kita jalankan trigger tabnya sebagai berikut

dan otomatis di suruh untuk menyimpannya. Kita berikan namanya berdasarkan tab triggernya dan extensionsnya yakni .sublime-snippet lalu di save.

selanjutnya kita bisa gunakan snippet yang kita buat tadi. Maka ketika kita ketik formelemen lalu tekan tab maka akan otomatis dibuatkan seperti kode yang kita setting tadi. Cukup mudah bukan selamat mencoba sampai jumpa di artikel berikutnya.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More