SublimeText3 JSHint設定(MAC)

Sublime TextにJSHint設定備忘録

JSHint 公式サイト

JSHintとは

JavaScriptコード解析ツール

設定環境

• Sublime Text3
• node v10.8.0
• jshint v2.9.6
• Sublime Textパッケージ SublimeLinter
• Sublime Textパッケージ SublimeLinter-jshint

設定ファイル作成(.jshintrc)

デフォルト設定だとブラウザオブジェクト,console,alertに対してエラー表示がされるため
JSHint用の設定ファイルを作成する。
設定ファイルのOptionにつきましては下記参考記事より内容ご確認頂ければと存じます。

参考記事
https://qiita.com/xorphitus/items/f26ec8fbe17c317d3994

作成するファイル名は.jshintrcHOMEディレクトリ直下にファイルを作成

~/.jshintrc

{
 "browser": true, //ブラウザオブジェクト
 "devel": true, //alert,console
 "jquery": true,//jQueryオブジェクト
 "indent": 1, //インデントサイズ
 "undef": true, //var宣言無し変数禁止
 "unused": true, //変数未使用禁止
 "trailing": true //行末ホワイトスペース禁止
}

※上記パスのユーザー名はご自身のユーザー名となります。

SublimeTextに.jshintrcファイルを設定

SublimeLinter.sublime-settingsファイルの場所はSublimeTextツールバーより下記場所から変更可能
SublimeText > Preferences > Package Settings > SublimeLinter > Settings

SublimeLinter.sublime-settings

{
 "linters": {
  "jshint": {
   "args": ["--config","/Users/ke/.jshintrc"]
  }
 }
}