Untuk menginstall plugin emmet di sublime text 3 caranya cukup mudah dilakukan, anda hanya perlu menginstall Package Control terlebih dahulu di kode editor sublime text 3 nya. Maka dari situ kita dapat menginstall plugin apapun yang ingin kita gunakan salah satunya ialah plugin emmet.
Plugin emmet merupakan plugin untuk banyak teks kode editor terpopuler, seperti sublime text 3. Dimana plugin ini sangat membantu meningkatkan alur kerja HTML dan CSS yang dapat menerjemahkan satu kode singkat atau satu baris kode program pendek tertentu untuk menjadi sebuah sintaks HTML.
Plugin emmet sendiri memiliki beberapa fungsi, diantaranya ialah penyingkat HTML, penyingkat CSS, dan dapat melakukan aksi lain. Sehingga dengan menginstall plugin ini bagi seorang programer membuat pekerjaan semakin lebih efisien dan cepat dilakukan, sehingga project yang sedang dibuat akan lebih mudah untuk di kembangkan.
Adapun cara menginstall plugin emmet di sublime text 3 anda dapat ikuti langkah-langkahnya sebagai berikut.
Jika anda belum menginstall kode editor sublime text 3 di komputer yang anda miliki, anda dapat mendownloadnya pada link dibawah ini.
https://tinyurl.com/ofqw2rj
Silahkan anda copy pastekan link tersebut pada browser yang anda gunakan untuk menuju halaman web sublime text 3. Setelah itu silahkan anda download dan install sesuai operasi system yang anda gunakan.
Setelah selesai terinstall, silahkan anda buka kode editor sublime text 3 nya.
Setelah itu pada tab, pilih Tools lalu kemudian pilih Install Package Control.
Sehingga proses installasi package pun berlangsung, tunggu hingga proses selesai. Setelah selesai akan tampil jendela pesan pop-up yang bertuliskan Package Control was successfully installed. Klik saja OK.
Untuk selanjutnya kembali lagi ke tab, pilih Preferences lalu kemudian pilih Package Control.
Setelah itu maka akan terbuka jendela Package Control:, pilih Package Control:Install Package.
Untuk selanjutnya tunggu sebentar hingga jendela pop-up pencarian plugin tampil. Setelah jendela pencarian pop-up plugin terbuka, silahkan ketikan Emmet pada kolom pencarian plugin. Setelah itu pilih Emmet for Sublime Text.
Maka proses installasi plugin emmet pun berlangsung, tunggu hingga proses selesai. Jika telah selesai maka akan nampak tampil tulisan seperti gambar dibawah ini dan bertuliskan Thanks you for installing emmet.
Setelah proses installasi plugin emmet selesai, silahkan anda tutup kode editor sublime text 3 nya. Tujuannya ialah untuk merestart aplikasi sublime text 3 itu sendiri.
Untuk mencoba plugin emmet di sublim text 3 yang telah anda install berjalan atau tidak, anda dapat mengeceknya. Silahkan anda buka kode editor sublime text 3 nya kembali, lalu kemudian klik file yang berada di pojok kiri atas, setelah itu pilih Save As..
Buatlah atau pilih folder pada drive komputer anda untuk tempat menyimpan file koding html yang akan anda buat. Setelah itu pada File name berilah nama index.html lalu kemudian klik Save untuk menyimpannya.
Untuk membuat struktur kode html di sublime text 3, biasanya kita mengetikan html lalu kemudian menekan tab. Namun setelah anda menginstall plugin emmet di sublim text 3, anda hanya perlu menekan Shift + tanda seru (angka satu) setelah itu tekan Tab pada keyboard. Maka secara otomatis struktur kode html akan dibuatkan. Jadi dengan menggunakan cara ini mungkin anda lebih mudah untuk membuat struktur kode html dengan cepat dan tentunya lebih efisien.
Plugin emmet juga dapat menerjemahkan satu baris kode singkat atau satu baris kode program pendek tertentu untuk menjadi sebuah sintaks HTML. Contohnya seperti ini, silahkan anda ketikan kode ini .container>(.header>ul.nav>li*5>a{link$})+(.main>h2{Judul Artikel}+p>lorem25) di dalam body struktur html lalu kemudian tekan tab pada keyboard.
Maka secara otomatis plugin emmet akan menerjemahkan satu baris kode singkat atau satu baris kode program pendek tertentu yang anda buat untuk menjadi sebuah sintaks HTML seperti nampak gambar dibawah ini. Cukup mudah bukan...?
Nah, mungkin cukup sampai disini artikel
cara install plugin emmet di sublime text 3 ini saya buat. Untuk kegunaan plugin emmet yang lain anda dapat mencarinya sendiri dan mempratekannya. Terimakasih telah berkunjung di blog kangagus semoga bermanfaat.
