Visual Studioコードで任意の/ランダムなスクリプトをデバッグする方法

Question

私は通常Webstormを使用しますが、Webstormで何年もの成功を収めた後、私は奇妙な問題を抱えているので、VSCodeを試しています。スクリプトをデバッグする - 私は定期的に実行する約60または70のNode.jsスクリプトを持っています。私がそれを避けることができるなら、私はそれぞれのための別の構成を設定したくありません。私はいつもこれを行うことにより、クロムデバッガツールを使用することができます

：

node --inspect-brk my-script.js 

を私が代わりにChromeブラウザを開くと、直接VSCode IDEを使用する方法を探しています。 Webstormには、IDEで直接デバッグできる素敵な機能があります.VSCodeも99％確実です。

しかし私は、単純なNode.jsスクリプトのデバッグ方法を理解できていません。ここで私が見るオプションは次のとおりです。

してから、この：

私は1つであるとして「起動プログラム」に銀行ましたが、これは私が取得エラーです：ここで

launch.jsonコンフィギュレーションファイル、誰でありますどのように私はこれを設定することができますので、私はしたいスクリプトをデバッグすることができます知っている？あなたが見ることができるように

{ 
    // Use IntelliSense to learn about possible attributes. 
    // Hover to view descriptions of existing attributes. 
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "node", 
      "request": "launch", 
      "name": "Launch Program", 
      "program": "${workspaceFolder}/${alex_debug_script}" 
     }, 
     { 
      "type": "node", 
      "request": "attach", 
      "name": "Attach by Process ID", 
      "processId": "${command:PickProcess}" 
     }, 
     { 
      "type": "node", 
      "request": "attach", 
      "name": "Attach by Process ID", 
      "processId": "${command:PickProcess}" 
     }, 
     { 
      "type": "node", 
      "request": "attach", 
      "name": "Attach", 
      "port": 9229 
     }, 
     { 
      "type": "chrome", 
      "request": "launch", 
      "name": "Launch Chrome", 
      "url": "http://localhost:8080", 
      "webRoot": "${workspaceRoot}" 
     }, 
     { 
      "type": "chrome", 
      "request": "launch", 
      "name": "Launch Chrome against localhost", 
      "url": "http://localhost:8080", 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
} 

、私はENV変数${alex_debug_script}を使用してみましたが、あなたは上のスクリーンショットで赤いエラーメッセージから見ることができるように、それはかなりの仕事をしませんでした。

最後に、我々は、global launch settingsをこのビューを持っている：

私は正直になり、Webstormが、これは少し楽に作られたが、私は忍耐を持っています！

Answer 1

は、あなたがそれを行う方法です、それはドキュメントに

https://code.visualstudio.com/docs/editor/debugging

だ、それは言う：

Global Launch Configuration 
We support adding a "launch" object inside your user settings. This "launch" configuration will then be shared across your workspaces. For example: 

"launch": { 
    "version": "0.2.0", 
    "configurations": [{ 
     "type": "node", 
     "request": "launch", 
     "name": "Launch Program", 
     "program": "${file}" 
    }] 
} 

は、オブジェクトをコピーし、ローカル/ワークスペースlaunch.jsonファイルにそれを置きます：そのような

：

{ 
     "type": "node", 
     "request": "launch", 
     "name": "Launch Node.js file", 
     "program": "${file}" 
    }, 

は今、あなたはこれを選択した場合：

エディタで選択された方のファイル

それはデバッグします。

デバッグしたいファイルを右クリックしたいと思っているので、これは理想的ではありません。だれかがその方法を知っていれば助言してください。

Answer 2

だから私は事前に定義されたスクリプトをデバッグする方法を見つけ出すことができ、私はlaunch.json構成としてこれを追加します。

{ 
     "type": "node", 
     "request": "launch", 
     "name": "FooBarBaz", 
     "program": "${workspaceFolder}/test/src/dev/node/1.test.js" 
    }, 

を今、私は、ドロップダウンメニューを使用する場合、私は以下を参照してください。

しかし、問題がある、私は60のまたは70種類のスクリプトのためにこれを行うにはしたくない、それがダムです。私ができることは、デバッグしたいスクリプトを右クリックして、そのデバッグをするだけです。

誰でも知っていますか？これは半分の答えです。ここで