voscodeのグロメットcli sample-appをデバッグ

Question

Grommetとvscodeを愛しています。一緒に遊ぶようにしている。私はExpressとvscodeを表示するとhereのように働くことができます。 grommet-cli sample appも同様に動作させたいと思います。 Expressには1つのコマンドがあります： "npm start" grommet-cliには、 "npm run dev-server"と "npm run dev"という2つのコマンドがあります（vscodeで両方を起動する方法がわかりません）multi-session debugging？ 。サンプルアプリケーションをデバッグするためにlaunch.jsonを設定するにはどうすればよいですか？私はIE/Edgeでデバッグできるようにしたいと思います。 Chrome拡張機能のデバッガでChromeで成功しました。

{ 
"version": "0.2.0", 
"configurations": [ 
    { 
     "type": "chrome", 
     "request": "launch", 
     "name": "Launch Chrome against localhost", 
     "url": "http://localhost:3000", 
     "webRoot": "${workspaceRoot}" 
    }, 
    { 
     "type": "chrome", 
     "request": "attach", 
     "name": "Attach to Chrome", 
     "port": 9222, 
     "webRoot": "${workspaceRoot}" 
    } 
] 

}

Answer 1

Thisは、問題を解決するために表示されます。

は、ここに私の現在のlaunch.jsonです。うまくいけば、それはVSの最新バージョンに追加されています。

"compounds": [ 
    { 
     "name": "Node+Browser", 
     "configurations": [ "Server", "Browser" ] 
    } 
], 
"configurations" [ 
    { 
     "name": "Browser", 
     "type": "chrome", 
     //... 
    }, 
    { 
     "name": "Server", 
     "type": "node", 
     //... 
    } 
]