Cara mudah menginstall Linter di SublimeText

Apakah Linter ?

Linter secara singkat adalah sebuah tool/aplikasi yang melakukan pengecekan terhadap kode program, baik error maupun warning atau lain lainnya.

Secara default, jika anda melakukan coding script misalkan Javascript dengan menggunakan SublimeText, maka anda tidak akan mendapatkan informasi apa-apa selama melakukan coding. Anda baru akan mengetahui jika terdapat error setelah anda mencobanya langsung di browser.

Jika project Javascript yang anda kerjakan tergolong kecil, maka hal ini mungkin tidak terlalu bermasalah. Tetapi bayangkan jika hal ini terjadi terus adan project anda bertambah besar. Rasanya hal ini terlalu banyak menghabiskan waktu, tenaga dan pikiran. Nah, alangkah enaknya jika error dan lain-lain tersebut ditampilkan langsung pada waktu kita coding.

Beruntung, tersedia banyak plugin linter di SublimeText Nah. Salah satu plugin linter yang sangat populer di SublimeText adalah SublimeLinter. Berikut ini adalah cara untuk menginstall SublimeLinter beserta plugin tambahan lainnya.

Menginstall SublimeLinter

Caranya sangat mudah. Pertama, pastikan anda sudah menginstall plugin Package Control di SublimeText. Jika belum, silahkan anda membaca artikel : Cara mudah menginstall Package Control di Sublime text ini.

Buka Package Control dengan tombol Ctrl Shift p kemudian ketikkan Package Control , atau via menu Preferences > Package Control. Kemudian pilih Install Package. Package Control kemudian akan melakukan sejenis query ke repositories. Jadi, tunggu saja selama beberapa saat.

Maka akan muncul daftar plugin-plugin yang dapat di-install. Tulis SublimeLinter, maka akan muncul plugin-plugin yang memiliki nama SublimeLinter. Pilih plugin seperti terlihat pada gambar di bawah. Kemudian tekan tombol enter untuk menginstall package tersebut. Tunggu selama beberapa saat.

Sampai di sini maka SublimeLinter sudah terinstall dengan baik. Akan tetapi ini masih setengah jalan. SublimeLinter ini hanyalah sebagai plugin utama atau framework untuk linter spesifik lainnya. Selanjutnya, anda harus menginstall linter-linter khusus yang sesuai dengan jenis file anda.

Linter untuk JavaScript

Ada banyak Javascript linter yang tersedia, salah satunya adalah SublimeLinter-jshint. Berikut ini adalah menginstall SublimeLinter-jshint.

1. Pastikan komputer anda sudah terinstall Node.js dan npm.
   
   Jika belum, silahkan anda membaca artikel tentang Apa dan bagaimana cara menginstall Node.js dan npm.
   
2. Install jshint dengan cara menuliskan dan menjalankan perintah ini di terminal/cmd.
   
   

   npm install -g jshint

   
   Jika anda menggunakan Linux, mungkin anda memerlukan akses admin dengan sudo
   
   

   sudo npm install -g jshint

   
   Hal ini dikarenakan parameter -g yang artinya module/aplikasi jshint tersebut akan terinstall di global.
   
3. Install SublimeLinter-jshint dengan menggunakan Package Control.
   
   Silahkan anda cari package yang bernama SublimeLinter-jshint, kemudian install.
   
   
   
   
4. Jika semuanya berjalan lancar, maka Javascript Linter sudah siap untuk digunakan.
5. Buka file Javascript anda, maka linter akan berlangsung secara otomatis yang akan memunculkan status warna.
   
   Merah jika terjadi error. Kuning jika terdapat peringatan/warning
   
   
   

Linter untuk CSS

Mirip dengan JavascriptLinter sebelumya, salah satu plugin CSS Linter yang tersedia adalah SublimeLinter-csslint. Plugin ini bergantung pada aplikasi csslint yang dapat diinstall dengan Node.js.

1. Oleh karena itu, pertama-tama silahkan install csslint dengan menggunakan npm.
   
   

   npm install -g csslint

   
   Sama dengan sebelumnya, tambahkan sudo jika perlu.
2. Setelah itu, silahkan install plugin SublimeLinter-csslint dengan menggunakan Package Control.
   
   
   
3. Buka file css yang anda inginkan, maka csslint akan melakukan linter secara otomatis .
   
   
   

Linter untuk HTML

Salah satu HTML linter yang tersedia adalah Sublime​Linter-html-tidy(https://packagecontrol.io/packages/SublimeLinter-html-tidy). Sesuai dengan namanya, linter ini menggunakan/bergantung aplikasi tidy.

1. Install tidy. Aplikasi tidy ini tersedian untuk Linux, Mac dan Windows.
   
   
   • Mac OS X
     
     Biasanya tidy sudah terinstall, jadi tidak perlu dilakukan apapun.
   • Linux
     
     Tidy sudah tersedia dihampir semua distro, sehingga cara paling mudah untuk menginstall tidy adalah dengan menggunakan package manager. Misalkan di Debian dan turunannya (Ubuntu) dengan menggunakan apt.
     
     

     sudo apt-get install tidy

   • Windows
     
     Download file setup/binary tiny di sini, kemudian install.
     
2. Install plugin Sublime​Linter-html-tidy dari Package control
   
   
   
   
3. Buka file HTML untuk melihat hasilnya.
   
   
   

Linter untuk PHP

Salah satu plguin php linter yang tersedia dan sangat mudah untuk diinstall adalah Sublime​Linter-php

1. Pastikan anda sudah menginstall php
2. Dalam kondisi normal, php sudah akan terdeteksi dalam PATH, sehingga dapat langsung dipanggil dari terminal/cmd. Untuk mengecek apakah php sudah terinstall dengan benar, silahkan jalankan perintah ini :
   
   

   php --version

   
   Jika anda mendapatkan hasil seperti di bawah ini, maka artinya php sudah siap untuk digunakan.
   
   
   
   
3. Install plugin Sublime​Linter-php dengan menggunakan Package control.
   
   
   
   
4. Buka file php yang anda inginkan.
   
   
   

Kesimpulan

Linter jelas sangat berguna dan membantu dalam menambah kecepatan dan mengurangi kesalahan selama coding. Selain plugin-plugin linter di atas, tentu masih banyak linter-linter lain untuk bahasa-bahasa yang lain pula, misalkan python, java, ruby dan lain-lain.

Sekian tip/trik kali ini, semoga yang sedikit ini bermanfaat.