Visual Studio CodeでKarmaテストをデバッグする方法は?

geo:

VS CodeでKarmaテストをデバッグしたいのですが、方法がわかりませんでした。それを行う方法はありますか、または別のIDE(WebStorm)を使用する必要がありますか?

マレク・レワンドフスキー:

デバッガをChromeインスタンスに接続することでKarmaをデバッグできます。あなたはあなたのlaunch.json設定を次のようなものに設定したいでしょう

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach Karma Chrome",
            "address": "localhost",
            "port": 9333,
            "pathMapping": {
                "/": "${workspaceRoot}/",
                "/base/": "${workspaceRoot}/"
            }
        }
    ]
}

ただし、次のように、ポートをkarma.conf.js configリッスンする開発ツールでChromeインスタンスを起動するようにを調整する必要もあります9333

browsers: [
  'ChromeDebugging'
],

customLaunchers: {
  ChromeDebugging: {
    base: 'Chrome',
    flags: [ '--remote-debugging-port=9333' ]
  }
},

このような設定で、カルマサーバーを(キャプチャされたブラウザーで)実行し、Visual Studioでデバッグを開始できます。

詳細を確認したい場合は、Visual Studio Codeを使用してKarmaをデバッグするチュートリアルを作成しました

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Visual Studio CodeでKarmaテストをデバッグする方法は?

分類Dev

Visual Studio CodeでKarmaテストをデバッグする方法は?

分類Dev

Visual Studio CodeでJavaScriptのモカテストをデバッグする方法は?

分類Dev

Visual Studio Code(VSCode)でCucumberをデバッグする方法は?

分類Dev

Visual Studio Code(VSCode)でPHPを実行またはデバッグする方法

分類Dev

Visual Studio CodeでRubyコードをデバッグする方法は?

分類Dev

Visual Studio CodeでReactNativeアプリをデバッグする方法は?

分類Dev

Visual Studio 2015 RCでJavaScriptをデバッグする方法は?

分類Dev

Visual Studio Codeで子Node.JSプロセスをデバッグする方法は?

分類Dev

Visual Studio CodeでのGoテストのデバッグ

分類Dev

Visual Studio Code での MSTest 単体テストのデバッグ

分類Dev

Visual Studio CodeでDelveデバッガーを使用してリモートデバッグする方法

分類Dev

Visual StudioでPythonをデバッグする方法(ライブラリにステップインする方法)?

分類Dev

Visual Studio CodeでPython3コードをデバッグする方法

分類Dev

Visual Studio CodeでDelveデバッガーを使用する方法

分類Dev

Visual Studio 2017で効果的にデバッグする方法は?

分類Dev

Visual Studio2015でMscorlib.dllをデバッグする方法

分類Dev

Visual Studio2013でQFixedをデバッグする方法

分類Dev

Visual Studio Codeのキーバインディングをリセットする方法は?

分類Dev

Visual Studio Code:ドラッグを無効にしてテキストを編集する方法は?

分類Dev

.NET CoreおよびVisual Studio CodeでのxUnitテストのデバッグ

分類Dev

.NET CoreおよびVisual Studio CodeでのxUnitテストのデバッグ

分類Dev

Visual Studio Codeでサーバーを起動して分度器テストをデバッグするための構成エントリを作成するにはどうすればよいですか?

分類Dev

Visual Studio Codeでdjangoシェルを使用してdjango(ロジック)コードをデバッグする方法

分類Dev

Visual Studio 2017でジャストインタイムデバッガーを有効にする方法は?

分類Dev

Visual Studio 2012でテストを実行すると、デバッグ出力が表示されないのはなぜですか?

分類Dev

Visual Studio 2017でAngularバインディングをデバッグまたはトレースするにはどうすればよいですか?

分類Dev

Visual Studio CodeとDelveデバッガーでタグを使用してGoをデバッグする

分類Dev

cshtml ASP.NETコアでJavaScriptスクリプトをデバッグする方法(ChromeブラウザーまたはVisual Studio 2019を使用)?

Related 関連記事

  1. 1

    Visual Studio CodeでKarmaテストをデバッグする方法は?

  2. 2

    Visual Studio CodeでKarmaテストをデバッグする方法は?

  3. 3

    Visual Studio CodeでJavaScriptのモカテストをデバッグする方法は?

  4. 4

    Visual Studio Code(VSCode)でCucumberをデバッグする方法は?

  5. 5

    Visual Studio Code(VSCode)でPHPを実行またはデバッグする方法

  6. 6

    Visual Studio CodeでRubyコードをデバッグする方法は?

  7. 7

    Visual Studio CodeでReactNativeアプリをデバッグする方法は?

  8. 8

    Visual Studio 2015 RCでJavaScriptをデバッグする方法は?

  9. 9

    Visual Studio Codeで子Node.JSプロセスをデバッグする方法は?

  10. 10

    Visual Studio CodeでのGoテストのデバッグ

  11. 11

    Visual Studio Code での MSTest 単体テストのデバッグ

  12. 12

    Visual Studio CodeでDelveデバッガーを使用してリモートデバッグする方法

  13. 13

    Visual StudioでPythonをデバッグする方法(ライブラリにステップインする方法)?

  14. 14

    Visual Studio CodeでPython3コードをデバッグする方法

  15. 15

    Visual Studio CodeでDelveデバッガーを使用する方法

  16. 16

    Visual Studio 2017で効果的にデバッグする方法は?

  17. 17

    Visual Studio2015でMscorlib.dllをデバッグする方法

  18. 18

    Visual Studio2013でQFixedをデバッグする方法

  19. 19

    Visual Studio Codeのキーバインディングをリセットする方法は?

  20. 20

    Visual Studio Code:ドラッグを無効にしてテキストを編集する方法は?

  21. 21

    .NET CoreおよびVisual Studio CodeでのxUnitテストのデバッグ

  22. 22

    .NET CoreおよびVisual Studio CodeでのxUnitテストのデバッグ

  23. 23

    Visual Studio Codeでサーバーを起動して分度器テストをデバッグするための構成エントリを作成するにはどうすればよいですか?

  24. 24

    Visual Studio Codeでdjangoシェルを使用してdjango(ロジック)コードをデバッグする方法

  25. 25

    Visual Studio 2017でジャストインタイムデバッガーを有効にする方法は?

  26. 26

    Visual Studio 2012でテストを実行すると、デバッグ出力が表示されないのはなぜですか?

  27. 27

    Visual Studio 2017でAngularバインディングをデバッグまたはトレースするにはどうすればよいですか?

  28. 28

    Visual Studio CodeとDelveデバッガーでタグを使用してGoをデバッグする

  29. 29

    cshtml ASP.NETコアでJavaScriptスクリプトをデバッグする方法(ChromeブラウザーまたはVisual Studio 2019を使用)?

ホットタグ

アーカイブ