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
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
lalu kita buat satu buah file dengan nama .eslintrc (dengan titik di depan) yang isinya seperti di bawah ini
Kemudian kita masuk ke menu Tools --> Command Palette di Sublime dan pilih Install Package
Install dua package yang kita butuhkan
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
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 |
- 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