Custom Snippet Emmet di Sublime Text

Setelah install plugin Emmets di Sublime Text, kita bisa pakai abbreviation nya untuk mempercepat penulisan script HTML (Baca di percepat koding dengan Emmet).

Tetapi ada sedikit permasalahan, misal: kalau tanpa Emmet, di Sublime itu ketika kita mengetikkan php lalu tekan tab (ceritanya lagi koding PHP), maka Sublime Text akan otomatis menggenerate tag pembuka/penutup php

<?php ?>

Setelah Emmet terinstall, justru yang tergenerate adalah tag php dalam bentuk html

<php> </php>

Untuk itu perlu disetting custom snippet supaya generate php nya bisa seperti awal lagi. Caranya adalah kita perlu edit file snippets.json untuk meng-override konfigurasi default dari Emmet (http://docs.emmet.io/customization/snippets/).

Nah, enaknya Sublime Text, kita ga perlu susah, karena kita bisa langsung edit package setting untuk meng-override nya. Untuk melihat setting default dari Emmet, bisa dibuka di menu Preferences > Package Settings > Emmet > Settings – Default

sublime text emmet custom snippet
Sublime Text Emmet Custom Snippet

Disitu kita bisa lihat konfigurasi bawaan emmet, dan kalau kita perhatikan ada attribute snippets, kita bisa copy satu blok snippets tersebut kemudian buka menu Preferences > Package Settings > Emmet > Settings – User dan pastekan di file yang terbuka.

{
	"snippets": {
		"html": {
			"abbreviations": {
				"php": "<?php ?>"
			}
		}
	}
}

Setelah di simpan, harusnya ketika kita mengetikkan php dan tekan tab, maka yang tergenerate adalah <?php ?>

Semoga bermanfaat.

Leave a Comment