引越のするので、普段開発に使ってなかったラップトップに色々と開発環境を設定している日々です。一度やったことなのに直ぐにドキュメント化してないから、まぁ色々と忘れてる!3歩あるいたら忘れる。それくらい自分の記憶力に自身がない今日この頃です。
SublimeText3でコーディング中のjsを即時jsHintでチェックできるようにする方法のメモです。
あ。gitとかは入ってる前提で。
1. node.jsをインストールする
jsHintをnode.jsで動かすのでnode.jsがインストールされてない環境ならnode.jsをインストールします。
node.jsの公式サイトからもダウンロードしてインストールできますが、nvm
かnodebrew
でバージョン管理できるようにしてインストールしておいた方が後々ハッピーになれると思います。僕はnvmでインストールしていました。
nvm
nodebrew
2. jsHintをインストールする
ターミナルを開いて、下記コマンドでjsHintをglobalにインストールします。
$ npm install -g jshint
3. SublimeText3にSublimeLinterパッケージをインストールする
リアルタイムにコードのエラーをチェックできるSublimeLinterというパッケージでjsHintを動かせるので、これをSublimeText3にインストールします。
- SublimeText3を起動して
⌘+shift+P
でパッケージコントローラーを起動 install
と入力し、install Package
を選択- 再度ダイアログが開くので
SublimeLinter
と入力して選択すればインストールが開始されます
4. LinterプラグインになっているjsHintをイントール
SublimeLinterでチェックする言語は各Linterプラグインとしてインストールして使います
- SublimeText3を起動して
⌘+shift+P
でパッケージコントローラーを起動 install
と入力し、install Package
を選択- 再度ダイアログが開くので
SublimeLinter-jshint
と入力して選択すればインストールが開始されます - インストールが完了したらSublimeText3を再起動
これで、リアルタイムにjavascriptがjsHintでチェックできる環境になりました!
[参考]
- 作者: 磯谷友紀
- 出版社/メーカー: 講談社
- 発売日: 2015/02/13
- メディア: コミック
- この商品を含むブログ (1件) を見る