20 Mar 2018

Menggunakan ESLint dengan Sublime Text 3

Siapa sih yang tidak tahu dengan Sublime Text? Selain kita bisa membuka banyak jenis bahasa pemrograman, Tools yang satu ini ringat banget dipakainya. Jadi saat ini kita akan mencoba menggunakan ESLint dengan Sublime Text. Saya gunakan ini untuk pengembangan React-Native tentunya.

Sebelumnya jika belum pernah download Sublime Text silahkan Download disini
Setelah kita menginstall Sublime, selanjutnya kita install Node.js jika belum terinstall maka silahkan Download disini

Install ESLint secara Global
Jika sudah maka selanjutnya kita buka Terminal/Command Prompt dan ketikan perintah di bawah ini

npm install -g eslint

Install Packge Control Sublime
Copy perintah di bawah ini

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Lalu kita paste dan install pada sublime dengan masuk ke menu View --> Show Console

Konfigurasi ESLint
Selanjutnya kita config ESLint di dalam direktori project kita dengan mengetikan perintah di bawah ini

npm install --save-dev eslint-config-rallycoding

lalu kita buat satu buah file dengan nama .eslintrc (dengan titik di depan) yang isinya seperti di bawah ini

{
   "extends": "rallycoding"
}

Kemudian kita masuk ke menu Tools --> Command Palette di Sublime dan pilih Install Package
Install Package Sublime Text masrahman28
Install dua package yang kita butuhkan

  • SublimeLinter
  • SublimeLinter-eslint


Jika sudah maka restart sublime yang kita buka, dan coba melakukan error pada project React Native kita maka ESLint akan memunculkan error yang kita buat.
Selamat Ngoding :D




Tidak ada komentar:

Posting Komentar