Sublime TextにJSHint設定備忘録
JSHint 公式サイト
https://jshint.com/
##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"]
}
}
}