Vscode上でブラウザのローカル環境(JS)をデバッグ,ステップ実行したい

Question

#やりたいこと
"Debugger for Chrome"と言うVscodeの拡張機能を使って，ChromeのF12のdevツール上ではなく，Vscode上でブレークポイントを付けながら，Javascriptのローカル環境（vue.jsとtypeScript）をデバッグしたい。

さらに，node_modules内のライブラリはステップ実行の対象にはせずに，
ブレークポイントを付けたファイルのみデバッグの対象にしたい。

#導入の参考にしたサイト
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome　→(Vscode拡張機能の公式マニュアル)
https://jp.vuejs.org/v2/cookbook/debugging-in-vscode.html　→（Vue.jsの公式Doc）
https://ics.media/entry/11356/　→（技術系ブログ）

#ソースや環境情報
●バージョンなど
Chrome：95.0.4638.69（Official Build）
Vscode：1.62.0 (user setup)
Vue.js：mtlogi@0.8.1 /home/********/project
..　　　└── vue@2.6.11

Vscodeの拡張機能[Deprecated] Debugger for Chrome：v4.13.0

●設定内容
・project/.vscode/launch.json

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "attach",
        "name": "vuejs: chrome",
        "url": "http://localhost:8080",
        "port": 9222,
        "webRoot": "${workspaceFolder}/src",
        "breakOnLoad": true,
        "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/src/*"      //srcの中身（メインのコーディング部分）だけをデバッグ対象にしたい
        },
        "skipFiles":[                                 //node_modulesやaxiosは無視させたい
          "${webRoot}/node_modules/**",
          "${webRoot}/src/axios/**",
        ]
      },
    ]
  }

・Chromeのプロパティのリンク先の部分

"C:\Program Files\Google\Chrome\Application\chrome.exe" --profile-directory="Default" --remote-debugging-port=9222

・プロジェクト内のフォルダ構成

#実現させたいことと起きている事象
srcの中身（メインのコーディング部分）だけをデバッグ対象にし，node_modulesやaxiosは無視させたいが，下の画像のようにどこかしらのソースで止まっちゃう

Answer 1

素直にブラウザ上で行うことにしました

Answer 2

大抵のデバッガには、
ステップイン・ステップアウト・ステップオーバー
など実行順を変更することができますが、そんな機能はないですか？

Comments

[shoco]

その機能はありますが，今回自分がしたいことは，
自分がつけたブレークポイントだけステップ実行の対象にすることです。

現状自分がつけたブレークポイントに到達する前のプログラム（ライブラリの中身など）で一時停止しちゃっています。