Déboguer le graisset-cli sample-app dans vscode

Question

Aimer Grommet et vscode. Essayer de les amener à jouer ensemble. Je suis en mesure de faire fonctionner Express et vscode comme indiqué here. J'aimerais que le grommet-cli sample app fonctionne de la même manière. Express a une commande pour démarrer: "npm start" où grommet-cli a deux: "npm run dev-server" et "npm run dev" (je ne sais pas comment les démarrer tous les deux dans vscode) Je pense avoir besoin de multi-session debugging?) . Comment configurer launch.json pour déboguer l'exemple d'application? J'aimerais pouvoir déboguer dans IE/Edge. J'ai eu un certain succès dans Chrome avec l'extension Debugger for Chrome.

Voici mon launch.json actuel:

{ 
"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 semble résoudre le problème. Heureusement, il a été ajouté à la dernière version de VS.

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