Di sini saya memakai untuk developing website yang sekedar PHP, HTML, dan CSS. Sebelumnya saya sering memakai Notepad++ dalam hal bekerja namun merasa tidak puas karena bosen terus saya coba cari dan ternyata ada yang lain.
Penampakan Sublime Text 2 |
- Mini-map, jadi kita bisa lihat teks secara keseluruhannya
- Command Palette (CTRL+SHIFT+P), bisa langsung mencari perintah yang kita perlukan untuk mempercepat pekerjaan.
- Panel-panelnya editornya bisa dipindahkan
- Kemampuan untuk multiple selection
- Ada panduan indentasi
- Bisa di-folding code-codenya
- Ngeditnya bisa di split jadi beberapa kolom
- Bisa pakai theme dari TextMate
- Tanda (),{},"",dsb akan dicocokan dan ditutup otomatis
- Banyak paket yang bagus bisa buat lebih mudah bekerja
- Auto-complete, snippet, dan macro
- Find & Replacenya gampang dan lebih teratur
- Bisa fullscreen
Masih banyak yang belum keulik sih fiturnya apa aja, baru coba pakai kemarin malam sebelum tulisan ini saya posting. Nah untuk kostumisasinya biar sedikit yahut saya akan coba berbagi beberapa perubahan yang sudah saya terapkan seperti berikut.
Package Control
- Download Package Control.sublime-package
- Buka C:\Users\NamaUser\AppData\Roaming\Sublime Text 2\Installed Packages
- Copy-kan file yang tadi sudah di download ke dalam Installed Packages
- Restart Sublime Text
Ganti Icon Applikasi
- Download ResEdit
- Masuk ke C:\Program Files\Sublime Text 2\ cari yang namanya file sublime_text.exe lalu copy-kan ke desktop (note: kalau di edit langsung tidak bisa karena ada permission windows jadi harus dipindahkan dulu ke desktop)
- Jalankan ResEdit, pilih File → Open Project pilih sublime_text.exe yang tadi ada di desktop
- Masih di ResEdit lihat di panel Resources sebelah kiri, klik kanan folder Icon dan pilih Add Resource → Icon
- Pilih folder yang tadi sudah di download dari Ganti Icon cari sublime_text.ico lalu pilih
- Klik kanan di tulisan 103 [English (Australia)], pilih Remove from Project
- Save
- Copy-kan kembali sublime_text.exe dari desktop ke tempat asalnya (tips: biar aman sebelumnya ganti nama yang original sublime_text.exe menjadi sublime_text.bak)
Ganti Tema dan Skema Warna
{ "theme": "Soda Light.sublime-theme" }
Jika ingin menambahkan dengan skema warna sebelumnya pastikan memakai koma di akhir baris contoh.
{ "color_scheme": "Packages/Color Scheme - Default/Monokai Soda.tmTheme", "ignored_packages": [ "Vintage" ], "theme": "Soda Dark.sublime-theme" }
Restart dulu editornya, untuk skema warnanya ada Monokai Soda dan Espresso Soda silakan di download juga. Cara installnya Preferences → Browse Packages → Color Scheme - Default setelah terbuka explorernya, ekstrak dulu file yang sudah kita download tadi lalu copy-kan di folder Color Scheme. Pilih Prefereces → Color Scheme → Pilih Skema yang sudah kita instal tadi.
Install Prefixr
Prefixr digunakan untuk CSS3 atribut untuk berbagai browser agar ketika di generate satu atribut maka secara otomatis atribut lain dibuatkan contohnya sebagai berikut//Sebelum .box { border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.4); } //Sesudah .box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); box-shadow: 0 0 5px rgba(0,0,0,.4); }
Untuk menginstallnya: CTRL+SHIFT+P → “install” → ENTER → “prefix” → ENTER
Autoformat Tag
Untuk menginstallnya: CTRL+SHIFT+P → “install” → ENTER → “tag” → ENTER
Alignment
// Sebelum var mobil = 'mobil'; var motor = 'motor'; var beca = 'beca'; // Sesudah var mobil = 'mobil'; var motor = 'motor'; var beca = 'beca';
Untuk menginstallnya: CTRL+SHIFT+P → “install” → ENTER → “align” → ENTER
Split Layar
- 1 kolom : SHIFT+ALT+1
- 2 kolom : SHIFT+ALT+2
- 3 kolom : SHIFT+ALT+3
- dst.
Mungkin sebatas itu dulu yang bisa saya bagi sama teman-teman semua, apabila ada pertanyaan atau mau sharing juga boleh tinggal komen aja di sini Insya Allah nanti saya balas, sedikit bonus ada keyboard cheat sheet biar semakin gaul lagi pakai Sublime Text 2 nya, bisa kalian download di sini.