Sinau Coding
Berbincang santai perihal pemrograman
Tukang ketik yang sedang belajar pemrograman
7:49 PM

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. Akan 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 sudah tersedia untuk Linux, Mac dan Windows.

    • stop Mac OS X
      Biasanya tidy sudah terinstall, jadi tidak perlu dilakukan apapun.

    • stop 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
      
      
    • stop Windows
      Download file setup/binary tiny di : https://www.paehl.com/open_source/?HTML_Tidy_for_Windows kemudian install sampai selesai.

  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.

Komentar

Load more

Terbaru

Cara install Postgresql di MacOS
Postgresql adalah salah satu object-relational database open source yang memiliki banyak fitur enterprise layaknya Or...
Cara install npm di Laravel
aravel adalah sebuah framework untuk webapp yang berbasis php, sedangkan npm adalah sebuah package manager untuk node...
Cara install MariaDB di MacOS dengan menggunakan Homebrew
MariaDB selain tersedia di Windows dan Linux, juga tersedia di MacOS dan dapat diinstall dengan menggunakan homebrew....
Cara insert data ke dalam list atau table tanpa menutup Modal
Desain halaman dan dialog tambah data biasanya adalah, User klik tombol yang akan memunculkan dialog, dimana dialog a...