sublime div class id autocomplete

Sublime Text Autocomplete DIV untuk class dan id

Kali ini kita akan menggunakan Sublime Text editor untuk membuat coding (code), tapi kali ini kita akan membahas tentang cara autocomplete untuk tag div, tag div dengan attribute class tertentu dan id tertentu pula.

Autocomplete DIV untuk attribute CLASS

Pada file html, biasanya kita menggunakan tag div, untuk meletakkan suatu object di dalamnya, posting ini akan membahas bagaimana supaya penulisan coding tersebut supaya lebih cepat.

Sebagai contoh pada file html yang diintergrasikan dengan bootstrap akan banyak tag div yang akan digunakan, misalnya :

<div class="container"></div>

untuk membuat coding seperti di atas kita cukup menulis seperti ini :

div.container , kemudian tekan tombol tab di keyboard, maka sublime text akan otomatis melengkapi codenya, lihat gambar screenshot di bawah ini :

pada gambar di atas, tulisan div.container , jika kemudian diiringi menekan tombol tab di keyboard, maka sublime akan otomatis melengkapi code nya menjadi seperti ini :

Autocomplete DIV untuk attribute ID

sedangkan untuk attribute id, sama halnya dengan attribute class, tetapi untuk membuat div menggunakan attribute id caranya adalah sebagai berikut :

div#nama kemudian tekan tombol tab pada keyboard maka sublime text akan melengkapi code tersebut menjadi seperti ini :

Contoh penerapan shortcut ini pada sublime untuk tag input :

setelah tombol tab ditekan maka akan menjadi seperti ini :

gimana gan ? mudahkan dan sangat praktiskan, semoga posting tentang sublime div class id autocomplete bisa bermanfaat buat kita semua :)