VSCodeでgatsbyのデバッグをする - Qiita

今回の目的 gatsbyで作成したサイトのデバッグをVSCodeで実行できるように、VSCodeを設定していきます。 まずはVSCodeを開く！ gatsbyのサイトを作成しているディレクトリにてVSCOdeを開きます。 Debugger for Chromeのインストール VSCodeの拡張機能アイコンをクリックます。 『Debugger for Chrome』と入力し、対象機能をインストールします。 ※インストール完了後にVSCodeの再起動が必要かもしれません。 launch.jsonの作成 実行アイコンクリック→『launch.jsonファイルを作成します』リンククリックを行うと、環境の選択が出てきます。 後ほど書き換えるのでどれを選択しても問題ないです。 作成されたlaunch.jsonを以下に書き換えます。 { "version": "0.2.0", "configuratio