Как настроить приложение angular2-typcript для запуска в VS Code

Question

Я действительно потерян здесь, пожалуйста, помогите мне понять эту конфигурацию,

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

Я видел много вариаций для атрибута "программа", и я понятия не имею, какова цель этого атрибута.

это единственный способ, которым он работает для меня:

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

но это не позволит мне отладить приложение и браузер с " http://localhost:3000/", который не является полным адресом приложения

Я видел примеры, которые выглядят так:

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

но он никогда не запускается, я получаю ошибки "Система не определена", что main.ts должен содержать?

Я даже видел:

"программа": " http://localhost/blabla/index.html",

что это правильный путь?

Answer 1

Вы пробовали использовать расширение отладчика Chrome для vscode?

1. Убедитесь, что у вас включены исходные карты
2. Добавьте эти конфигурации в 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. Запустите Chrome с удаленной отладкой, chrome --remote-debugging-port=9222