ホームページ > 開発ツール > VSCode > vscodeでnode.jsをデバッグする方法

vscodeでnode.jsをデバッグする方法

王林
リリース: 2020-02-12 13:50:07
オリジナル
3536 人が閲覧しました

vscodeでnode.jsをデバッグする方法

#vscode で、スパイダー ボタン

# をクリックしてデバッグ サイドバーを表示し、構成を追加しますvscodeでnode.jsをデバッグする方法

環境を選択してくださいvscodeでnode.jsをデバッグする方法

launch.json ファイルが表示されます。 vscodeでnode.jsをデバッグする方法

#開始時に、対応する構成を選択し、右向きの緑色の三角形をクリックします。

vscodeでnode.jsをデバッグする方法

起動モードと接続モード

vscodeでnode.jsをデバッグする方法

リクエストがlaunchの場合、起動モードになります。vscodeから起動されるプログラムです。デバッグ中の場合は、常にデバッグモードになります。アタッチ モードは、すでに開始されているサービスに接続することです。たとえば、外部でプロジェクトを開始していて、突然デバッグが必要になった場合、開始したプロジェクトを閉じて vscode で再起動する必要はなく、アタッチ モードで開始する限り、vscode はすでに開始されているサービスに接続できます。 。デバッグが終了したら、接続を解除するだけです。これは明らかに起動よりも便利です。 vscodeでnode.jsをデバッグする方法

npm を使用してデバッグを開始する

多くの場合、package.json のスクリプトに次のような長い起動コマンドと構成を記述します。

npm を使用して vscode を起動してデバッグできるようにしたいと考えています。これには次の構成が必要です。

vscodeでnode.jsをデバッグする方法デバッグで開始するには、nodemon を使用します

npm を使用するのは、次の場合のみです。 devコマンドでnodemonを使用してもプログラムは正常に再起動できますが、再起動後はデバッグが切断されてしまいます。したがって、vscode で nodemon を使用してプロジェクトを開始できるようにする必要があります。

vscodeでnode.jsをデバッグする方法

ここで runtimeArgs に注目してください。これらの設定を package.json に記述すると、次のようになります。

nodemon --inspect --exec babel-node --presets env ./bin/www
ログイン後にコピー
ログイン後にコピー

これは非常に便利です。プロジェクトは通常の再起動が可能で、再起動するたびにデバッグ機能が有効になります。

しかし、デバッグ機能を常に有効にしたくない場合はどうすればよいでしょうか?これには、前述の接続モードを使用する必要があります。 vscodeでnode.jsをデバッグする方法

次のコマンドを使用してプロジェクトを通常どおり開始します

nodemon --inspect --exec babel-node --presets env ./bin/www
ログイン後にコピー
ログイン後にコピー
デバッグする場合は、vscode のデバッグで次の構成を実行します

関連する推奨事項:

vscode チュートリアル

以上がvscodeでnode.jsをデバッグする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート