Wie angular2-Typoskript Anwendung konfigurieren in VS-Code

Question

ich hier bin verloren wirklich laufen, bitte helfen Sie mir diese Konfiguration zu verstehen,

launch.json 
"configurations": [ 
     { 
      "name": "Launch", 
      "type": "node", 
      "request": "launch", 
      "program": "${workspaceRoot}/workspace/angular/app/main.ts", 

ich keine Ahnung, viele Variationen für das „Programm“ -Attribut, und ich habe gesehen Was ist der Zweck dieses Attributs?

dies ist der einzige Weg, es funktioniert für mich:

"program": "${workspaceRoot}/workspace/angular/node_modules/lite-server/bin/lite-server", 

aber es mich nicht die Anwendung debuggen lassen und den Browser zu öffnen mit „http://localhost:3000“, die nicht die volle Adresse der Anwendung ist

sah ich Beispiele, die wie folgt aussieht:

"program": "${workspaceRoot}/app/app.js", 
"program": "${workspaceRoot}/app/app.ts", 

aber es läuft nie, ich „System nicht definiert ist“ Fehler bekommen, was Bedürfnisse c main.ts erhalten?

Ich sah sogar:

"Programm": "http://localhost/blabla/index.html",

, was es der richtige Weg?

Answer 1

Haben Sie versucht, die Chrome-Debugger-Erweiterung für vscode zu verwenden?

1. Vergewissern Sie sich, Kartengrund aktiviert
2. diese Konfigurationen In den launch.json

{ "version": "0.1.0", "configurations": [ { "name": "Attach with sourcemaps", "type": "chrome", "request": "attach", "port": 9222, "sourceMaps": true, "url": "<url of the open browser tab, you wanna connect to" }, { "name": "Attach to url with files served from ./out", "type": "chrome", "request": "attach", "port": 9222, "url": "<url of the open browser tab, you wanna connect to", "webRoot": "${workspaceRoot}/out" } ] }

3. Starten Sie Chrome mit Remote-Debugging aktiviert ist, chrome --remote-debugging-port=9222