Solusi Baru Pertama Menggunakan Sublime Text ? Coba Package Ini !

Bagi anda yang baru pertama kali menggunakan aplikasi Sublime Text sebagai tools pendukung ngoding, coba install beberapa package yang saya rekomendasikan ini untuk mempermudah ngoding dengan sublime text. Bila baru memakai aplikasi ini pasti belum mengetahui bahwa di sublime text sebenarnya banyak package yang dapat membantu programmer untuk menyusun kode-kode dan merapihkannya.

Beberapa package ini dapat merapihkan kode-kode html dan javascript, ada package yang dapat mempermudah dalam membuat basic code module dan controller. Tidak hanya itu, ada package yang dapat merubah theme sublime text menjadi flat style.

Bahan Yang Harus Dimiliki

• Sublime Text - unduh
• Package Control - unduh

Cara Menggunakan Package Control

1. Tentunya aplikasi Sublime Text sudah terinstall
2. Jangan lupa unduh juga Package Control nya
3. Buka sublime text, klik menu Preferences > Browse Packages�
4. Ke folder Sublime Text 3 dan kemudian masuk ke Installed Package
   
   
   
5. Copy Package Control yang sudah diunduh tadi ke situ
6. Kemudian jalankan ulang Sublime Text nya

Bila langkah-langkah di atas sudah dilakukan dengan benar, maka persiapan awal sudah selesai. Sekarang kita lanjut ke bagian menginstall package yang direkomendasikan.

Cara Install Sebuah Package

• Package Control harus sudah ada pada aplikasi sublime text
• Buka aplikasi sublime text nya
• Tekan ctrl+shift+p
• Ketik Install dan tekan Enter
• Tunggu beberapa saat
• Ketik nama package yang akan di install
• Tekan Enter untuk menginstall

1. Emmet

Package ini dapat membantu Anda dalam penulisan kode html, misal untuk membuat sebuah element <p> maka cukup ketik p dan tekan tab. Tidak hanya itu, package emmet juga dapat mempermudah penulisan tag html yg mengandung class maupun id, misal ingin membuat <p id="tamvan"></p> maka cukup ketik p#tamvan dan tekan tab.

2. HTMLBeautify

HTMLBeaeutify adalah sebuah package sublime text yang dapat berfungsi untuk merapihkan susunan kode html. Jadi, saat ngoding ketik saja terus kode-kodenya, setelah selesai baru dirapihkan susunannya dengan package ini.

Misal, sebelumnya kode seperti ini :

<div id="test1">
<h2>Koran Artikel</h2>
<p>Test Description</p>
</div>
<div class="test2">
<h2>Package: HTMLBeautify</h2>
<p>Just Example</p>
</div>

Lalu menjadi :

<div id="test1">
 <h2>Koran Artikel</h2>
 <p>Test Description</p>
</div>
<div class="test2">
 <h2>Package: HTMLBeautify</h2>
 <p>Just Example</p>
</div>

3. Javascript Beautify

Sama seperti package HTMLBeautify, namun yang membedakan adalah bahasa pemrogramannya. Jika HTMLBeautify untuk merapihkan susunan kode HTML maka package Javascript Beautify ini dapat merapihkan susunan kode javascript.

Misal, sebelumnya kode seperti ini :

var urls = ['http://web.com/','http://web.net/','http://web.org'];
var current_url = '...';

for (var i = 0; i < urls.length; i++){
if (current_url == urls[i]){
window.location = "http://web.com/ban";
break; // exit the loop since we have already found a match
}
}

Maka akan menjadi :

var urls = ['http://web.com/', 'http://web.net/', 'http://web.org'];
var current_url = '...';

for (var i = 0; i < urls.length; i++) {
    if (current_url == urls[i]) {
        window.location = "http://web.com/ban";
        break; // exit the loop since we have already found a match
    }
}

Dan masih banyak package-package yang dapat mempermudah ngoding Anda yang dapat dicari melalui google. Sekian sedikit pembahasan dari saya mengenai package yang ada di Sublime Text, semoga membantu Anda dalam ngoding.