VSCode:Webプロジェクトのデバッグ開始時にnpmスクリプトを自動的に実行します

ハンス

これが私のVSコードlaunch.jsonファイルです:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4321",
            "port": 9222,
            "webRoot": "${workspaceFolder}"
        }
    ]
}

私が欲しいのは、npm startデバッグが始まる直前にコマンドを実行することです。つまり、開発サーバーを実行してからChromeインスタンスを起動し、提供されたURLに移動します。

そこで、次のスニペットを構成ファイルに追加して、デバッグを実行しました。

            "cwd": "${workspaceRoot}",
            "runtimeExecutable": "npm",
            "runtimeArgs": [
               "start"
            ]

しかし、私はこのエラーを受け取りました:

Attribute runtimeExecutable does not exist ('npm')

何か助けはありますか?

ハンス

解決策を見つけました:私は preLaunchTask

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome against localhost",
            ...
            // This runs dev server before debugger
            "preLaunchTask": "start-dev-server",
        }
    ]
}

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "start-dev-server",
            "type": "npm",
            "script": "start",
            "isBackground": true,
            "problemMatcher": {
                "owner": "npm",
                "background": {
                    "activeOnStart": true,
                     "beginsPattern": ".*",
                     "endsPattern": "Finished.+"
                },
                "pattern": {
                    "regexp": "",
                }
            }
        },
    ]
}

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

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

編集
0

コメントを追加

0

関連記事

スクリプトの実行時にvirtualenvを自動的にロードします

スタートボタンをhtmlからjavascript関数にリンクして、ゲームを開始するプロンプトを実行し、ページの開始時にプロンプトを開始する

プロジェクトの実行中にFabricmacアプリが自動的に開くのはなぜですか?

起動時にPythonスクリプトを自動的に開始しますか?

PyCharmにいるときにデバッグでDjangoプロジェクトを自動的に実行する

@periodic_taskを呼び出し時にのみ実行する方法はありますか?プロジェクトの開始時に自動的に実行されますか?

プロジェクトの実行時にデータベースデータをローカルに自動的にダンプする

Python:プロジェクトのパッケージ記述リストを自動的に生成します

bashスクリプトの実行時に自動確認しますか?

Windows 8の起動時に実行する(実行しない)ようにプログラムを構成するためのチェックリスト

kalilinuxの起動時にスクリプトを開始します

自動的にログインしたユーザーは、ログイン時に壊れたスクリプトを実行します。PCへのアクセスを回復する方法についてのアドバイスはありますか?

Eclipseプラグインプロジェクト-開始時にコマンドを実行します

バックグラウンドで起動時にPythonスクリプトを実行します

JNDIを使用して、実行時にプロジェクトステージ値を動的に変更します

Linux Mintの起動時にbashスクリプトを実行し、mate-terminalを自動的に開きます

Laravel ...数時間後にスクリプトを自動的に実行します

PHPはページの読み込み時にスクリプトを自動実行します

シャットダウンプロトコルの開始時(終了時ではなく)にスクリプトを実行しますか?

プロジェクト開始時に移行を実行する方法

シェルスクリプトでの電子メールの自動化:スクリプトの実行時に入力を追加します

Unixへのログイン時にBashスクリプトを自動的に実行する

バッチ スクリプトを実行して、PC の起動時に 1 つのウィンドウで Web ページを実行する

Npm ERR! 不足しているスクリプト: heroku へのデプロイ時に開始する

リモート デスクトップの使用時にプログラムを自動起動しない

Gradleは、特定のタスクのサブプロジェクトの自動実行を無効にします

プロジェクトに* .aarを追加しました。実行するとプロジェクトは正常に実行されますが、アクティビティの開始時にエラーが発生します。解決方法は?

シェルスクリプトを開始するためのエイリアスが自動的に実行されます

バッチファイルを使用して、5つの個別のcmdプロンプトを自動的に開始します。各cmdプロンプトは異なるディレクトリを指し、phpWebサーバーを起動します。

TOP 一覧

  1. 1

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  2. 2

    Spring Boot Filter is not getting invoked if remove @component in fitler class

  3. 3

    Python / SciPyのピーク検出アルゴリズム

  4. 4

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  5. 5

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  6. 6

    androidsoongビルドシステムによるネイティブコードカバレッジ

  7. 7

    ZScalerと証明書の問題により、Dockerを使用できません

  8. 8

    VisualStudioコードの特異点/ドッカー画像でPythonインタープリターを使用するにはどうすればよいですか?

  9. 9

    ビュー用にサイズ変更した後の画像の高さと幅を取得する方法

  10. 10

    二次導関数を数値計算するときの大きな誤差

  11. 11

    Ansibleで複数行のシェルスクリプトを実行する方法

  12. 12

    画像変更コードを実行してもボタンの画像が変更されない

  13. 13

    Reactでclsxを使用する方法

  14. 14

    Three.js indexed BufferGeometry vs. InstancedBufferGeometry

  15. 15

    __init__。pyファイルの整理中に循環インポートエラーが発生しました

  16. 16

    PyTesseractを使用した背景色のため、スクリーンショットからテキストを読み取ることができません

  17. 17

    値間の一致を見つける最も簡単な方法は何ですか

  18. 18

    reCAPTCHA-エラーコード:ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」(POSTの詳細がない)

  19. 19

    三項演算子良い練習の代わりとしてOptional.ofNullableを使用していますか?

  20. 20

    好き/愛の関係のためのデータベース設計

  21. 21

    エンティティIDを含む@RequestBody属性をSpringの対応するエンティティに変換します

ホットタグ

アーカイブ