BracketsでjQueryの「ERROR: ‘$’ is not defined.」のエラー/警告を消す方法 | JavaScript / jQuery

ソースコードエディタであるBracketsではJavaScriptのコード補完もでき、
JavaScriptの開発に非常に有用です。

しかし、初期状態のBracketsではjQueryのコードを入力すると以下のような
「ERROR: ‘$’ is not defined.」のエラー/警告が表示されます。

この記事ではこのエラー/警告を消す方法を紹介します。

jQueryの「ERROR: ‘$’ is not defined.」のエラー/警告を消す方法

jQueryのエラー/警告を消すには、brackets.jsonという環境設定ファイルに追記をします。

まずは、brackets.jsonを開きましょう。
下図のように、メニューバー→デバッグ→環境設定ファイルを開く　をクリックします。

すると下図のようにbrackets.jsonが開かれます。

開いたbrackets.jsonに以下のコードを追記します。

    "language":{
        "javascript":{
            "linting.prefer": ["JSHint"],
            "linting.usePreferredOnly":true
        }
    }

追記後のコードは以下のようになります。

{
    "brackets-eslint.gutterMarks": true,
    "brackets-eslint.useLocalESLint": false,
    "fonts.fontSize": "12px",
    "fonts.fontFamily": "'SourceCodePro-Medium', ＭＳ ゴシック, 'MS Gothic', monospace",
    "linting.collapsed": false,
    "language":{
        "javascript":{
            "linting.prefer": ["JSHint"],
            "linting.usePreferredOnly":true
        }
    }
}

注意点としては下図赤枠のようにコードを追加する直前のコードに「,」を入れ忘れないようにする必要があります。

brackets.jsonに追記をしたら、Bracketsを再起動します。

再起動後はjQueryのコードでもエラー/警告が出ないようになっています。

まとめ

この記事ではBracketsでjQueryのエラー/警告を消す方法を紹介しました。

同じ現象で困っている方の参考になれば幸いです。