Install Package Tambahan pada Sublime Text 3

Assalamu alaikum Wr. Wb

Salam Pinter Bareng Komputer, ...zero bit...

Pada kesempatan ini saya ingin membahas mengenai bagaimana caranya menginstall package atau plugin - plugin tambahan ke dalam Sublime Text kita.

Seperti yang telah kita ketahui bahwa Sublime Text 3 telah menyediakan banyak sekali fitur dan kemampuan yang dapat membantu seorang programmer dalam mendevelope script projeknya serta menampilkan jendela editor script yang tidak membosankan. 

Contohnya, Sublime Text 3 memiliki fitur untuk mengganti Color Scheme agar tampilan jendela Sublime tidak membosankan. Namun bagaimana jika pilihan di dalam Color Scheme ini tidak ada yang cocok dengan keinginan kita? Jawabannya adalah dengan menambahkan sendiri fitur baru ke dalam Sublime Text 3 yang telah kita miliki.

Ada orang yang namanya Will Bond (wbond.net) yang telah membuat fitur Package Control yang merupakan tempat di mana semua plugin miliknya Sublime Text ini dia kumpulkan sehingga memudahkan siapapun yang ingin menginstall plugin tambahan untuk Sublime Text. Namun sebelum dapat menginstall plugin - plugin maka package control harus sudah terinstall di dalam Sublime. 

Berikut cara mengintall package control ke dalam Sublime Text 3 :

1. Pastikan fitur package control sudah terinstall di dalam Sublime. Caranya buka menu Preference, lihat apakah sudah muncul sub menu Package Control. Jika sudah muncul artinya package control sudah terintall ke dalam sublime lanjut ke langkah 3. Jika belum maka lanjut ke langkah 2.
   
2. Untuk menginstall package control maka bisa dilakukan membuka langkah - langkah yang sudah dijelaskan di dalam situs resmi : install package control. 
   
3. Pilih menu Preferences - Package Control - Ketikkan : install package - enter
4. Tunggu sampai proses loading repository selesai ( catatan : harus dalam kondisi jaringan internet stabil)
5. Akan muncul jendela Package Control, silakan ketikkan package (plugin) yang ingin diinstall. Jika sudah ditemukan bisa langsung disorot dan enter untuk memulai proses installasi.
   
6. Misalkan kita ingin menginstall color scheme baru dengan nama Yotsuba, maka ketikkan Color Scheme - Yotsuba, kemudian enter. Tunggu sampai proses intallasi selesai.
7. Lakukan restart aplikasi Sublime dengan cara menutup kemudian membuka kembali aplikasinya.
8. Setelah selesai bisa dicek di menu Preferences - Color Scheme, akan bertambah dan bisa kita pilih color scheme yang kita inginkan.
   
9. Untuk instalasi plugin yang lain langkah 1 - 4 sama, yang beda adalah mulai dari langkah 4 ke atas.

Demikian langkah - langkah untuk melakukan instalasi Package tambahan di dalam Sublime Text 3. 

Berikut beberapa plugin yang sering diinstall pada Sublime Text untuk mempermudah pembuatan website : 

1. Emmet - Merupakan plugin yang dapat membantu melengkapi secara otomatis script yang sedang dikerjakan. Contohnya untuk membuat halaman html 5 dengan script dasar html 5 maka di layar kerja cukup diketikkan html5 kemudian tekan spasi, maka secara otomatis tag html 5 lengkap akan diciptakan.
2. Bracket Highlighter - Plugin ini berfungsi untuk membantu mencari pasangan tag – tag saat mengetik script menggunakan sublime text.
3. LiveReload - Plugin ini akan secara otomatis melakukan reload pada web browser, ketika pekerjaan di sublime text di save. Jadi Tidak perlu repot repot lagi melakukan reload di browser untuk melihat hasil pekerjaan.
4. SideBar Enhancements - Dengan plugin ini, kita dapat melakukan pengaturan folder atau file file yang diperlukan dalam membangun web dengan mudah di sidebar. Membuat, Membuka, menghapus, dan mengubah lokasi file atau folder.
5. Color Highlighter - Dengan ini kita bisa langsung melihat perubahan warna secara langsung di code sesuai dengan code warna yang digunakan saat mengarahkan pointer ke code warna.
6. Can I Use - Plugin ini dapat kita gunakan untuk mengecek browser yang support dengan property HTML atau CSS yang kita gunakan. Caranya blok property HTML atau CSS yang ingin diketahui informasinya. Kemudian tekan Ctrl+Alt+F.
7. ColorPicker - Bagi yang tidak hapal code code warna, plugin ini kana sangat membantu. Tekan Ctrl+Shift+C (untuk pengguna Linux/Windows) atau cmd+Shift+C (Untuk Pengguna Mac OS).
8. AutoPrefixer - Plugin ini akan secara otomatis menambahkan prefiks yang diperlukan di CSS. Untuk Menggunakannya Tekan Ctrl+Shift+P, lalu pilih “Autoprefix CSS”. Lihat gambar di bawah.
9. HTML5 Snippet - Untuk menambahkan secara otomatis syntax HTML 5. Untuk menggunakannya klik Plain Text di Sudut Kanan Bawah, lalu pilih HTML 5. 10. Trimmer Berguna untuk membantu menghapus spasi yang tidak berguna pada script yang dapat menyebakan error pada javascript.

Catatan :

Untuk proses instalasi plugin - plugin ini sama dengan yang sudah saya jelaskan di atas.

Semoga artikel ini bermanfaat.

Kembali ke menu Bootstrap