> ## Content Index
> Fetch the complete content index at: https://debug.my.id/llms.txt
> Use this file to discover other available public pages before exploring further.

# Plugin-plugin SublimeText pilihan untuk Web Programmer
- URL: https://debug.my.id/plugin-sublimetext-pilihan-untuk-web-programmer/
- Published: 2016-01-20T07:17:00.000Z
- Updated: 2025-06-28T13:21:14.000Z
- Description: Kumpulan plugin-plugin Sublime Text pilihan untuk para Web Programmer
- Author: Tukang Debug
- Tags: Aplikasi, Review, Tip/trik

Sublime text merupakan salah satu text editor terbaik yang menjadi pilihan para Web Programmer dan programmer-programmer lainnya. Selain cepat dan ringan, juga dikarenakan berlimpahnya *plugin-plugin* yang sangat berguna dan menambah produktivitas.

Berikut ini adalah beberapa contoh plugin-plugin pilihan untuk para Web Programmer untuk mempermudah dan mempercepat proses *coding*, berdasarkan pengalaman dan pengamatan terhadap rekan-rekan seprofesi.

### 1\. Package Control

Package Control rasanya merupakan plugin wajib untuk Sublime Text, dikarenakan Package Control sangat mempermudah dalam mengatur semua plugin yang di-install di Sublime text. Mulai dari pencarian, install dan uninstall plugin.

Package Control dapat dibuka/jalankan dengan menggunakan tombol combinasi **Ctrl Shift p**.

![](https://debug.my.id/content/images/2025/06/image-30.png)

Bagaimana cara menginstall Package Control, silahkan cek artikel [Cara menginstall Package Control di Sublime Text](https://sinau-webhtml.blogspot.co.id/2015/12/cara-menginstall-package-control-sublime-text.html?ref=debug.my.id) ini.

Tautan : [Package control](https://packagecontrol.io/packages/Package%20Control?ref=debug.my.id)

### 2\. AutoFileName

Adalah plugin yang mempermudah menuliskan nama file yang berada di dalam folder. Dengan plugin ini, anda tidak perlu lagi harus memunculkan *sidebar* hanya untuk melihat nama dan path file.

![](https://debug.my.id/content/images/2025/06/image-31.png)

Tautan : [AutoFileName](https://packagecontrol.io/packages/AutoFileName?ref=debug.my.id)

### 3\. SideBarEnhancements

Adalah plugin yang akan menambah banyak sekali fungsi-fungsi baru dari sidebar standar.

Tautan : [SideBarEnhancements](https://packagecontrol.io/packages/SideBarEnhancements?ref=debug.my.id)

### 4\. SublimeLinter

Adalah plugin framework yang berfungsi untuk melakukan *linter* /pengecekan terhadap syntax dan lain-lain untuk suatu jenis file. Dengan linter ini, maka akan langsung terlihat mana yang error dan warning.

![](https://debug.my.id/content/images/2025/06/image-32.png)

> **NOTE:**  
> Sublime Linter ini hanya sekedar *framework-nya* saja. Maksud saya, anda harus menginstall linter khusus yang sesuai dengan jenis file yang anda inginkan. Misalkan untuk Javascript, anda harus menginstall Javascript-linter, php dengan php-linter dan lain-lain.

Tautan : [SublimeLinter](https://packagecontrol.io/packages/SublimeLinter?ref=debug.my.id)

### 5\. Markdown Preview

Sesuai dengan namanya, plugin ini salah satunya berfungsi untuk menampilkan HTML preview dari Markdown ke dalam Browser, sehingga dapat dilihat hasilnya secara langsung.

![](https://debug.my.id/content/images/2025/06/image-33.png)

Tautan : [Markdown Preview](https://packagecontrol.io/packages/Markdown%20Preview?ref=debug.my.id)

##### 6\. Git

Plugin yang menambahkan integrasi **Git** ke dalam SublimeText. Sangat-sangat berguna untuk developher yang menggunakan **Git**. Dengan plugin ini tidak perlu lagi bolak-balik membuka terminal untuk menjalankan perintah **Git**.

![](https://debug.my.id/content/images/2025/06/image-34.png)

Tautan : [Git](https://packagecontrol.io/packages/Git?ref=debug.my.id)

### 7\. Color Picker

Sebuah plugin untuk menampilkan dialog pilihan warna. Plugin ini sangat berguna untuk melihat seperti apa warna sebenarnya dari kode warna RGB baik yang ada di dalam **css** maupun di dalam kode HTML.

![](https://debug.my.id/content/images/2025/06/image-35.png)

Cara menggunakan plugin ini adalah sebagai berikut. Select kode warna yang ingin anda lihat warnanya, kemudian tekan kombinasi tombol **Ctrl Shift C**. Maka dialog pilihan warna akan muncul.

Tautan: [Color Picker](https://packagecontrol.io/packages/ColorPicker?ref=debug.my.id)

### 8\. Bootstrap 3 snippet

Bootstrap merupakan salah satu framework yang rasanya dipakai hampir semua orang. Nah untuk mempermudah dalam menggunakan Bootstrap, plugin ini menyediakan banyak sekali **snippet**. Jadi anda tidak pelu lagi menghafal banyak kode Bootstrap. Cukup ketikkan bebrapa huruf saja, maka kode akan terbentuk secara otomatis.

![](https://debug.my.id/content/images/2025/06/image-36.png)

Tautan : [Bootstrap 3 snippet](https://packagecontrol.io/packages/Bootstrap%203%20Snippets?ref=debug.my.id)

Plugin-plugin di atas adalah hanya beberapa contoh plugin-plugin yang sangat berguna. Tentu saja masih banyak yang lain. Silakan tambahkan saran-saran anda pada bagian komentar.

Sekian dan semoga yang sedikit ini bermanfaat.