Как отладить приложение angular в коде Visual Studio, не используя инструменты разработчика chrome?

Question

В настоящее время я отлаживаю с помощью инструментов разработчика браузера Chrome, но это неудобно. На вкладке источников отображается только ядро. js, vendor. js, зона. js et c. это не файлы машинописи. Я должен добавить console.log, после чего он появляется на вкладке консоли вместе с исходным файлом машинописи. Нажав на ссылку, можно открыть исходный файл на вкладке источника, и я могу установить точки останова. Но я не хочу делать это таким образом. Я хочу сделать это из Visual Source Code. Когда я открываю папку, она автоматически создает запуск. json в .vscode, как показано ниже:

{
    "version": "0.2.0",
    "configurations": [
        {
        "name": "Launch",
        "cwd": "${workspaceRoot}",
        "type": "node",
        "request": "launch",
        "program": "${workspaceRoot}/index.js",
        "stopOnEntry": false,
        "args": [],
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "console": "internalConsole",
        "sourceMaps": false
    },
    {
        "name": "Attach",
        "type": "node",
        "request": "attach",
        "port": 5858
    }]
}

Но когда я запускаю код в режиме отладки, я не могу установить какую-либо точку останова, поскольку VS C говорит мне «точка останова установлена, но еще не связана», и в основном отладка не работает. Я установил расширение Chrome в VS C. Я попытался добавить конфигурацию запуска типа chrome, но это не сработало, как показано ниже:

{
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
}

Angular версия 7.1.0 Код Visual Studio: 1.41.1

Answer 1

Вы можете использовать ключевое слово debugger в вашей функции машинописи. Если инспектор кода в любом браузере открыт, выполнение остановится в том месте, где упоминается отладчик , и оттуда вы можете вручную go вперед строка за строкой.

Редактировать: Если вы делаете это, убедитесь, что все отладчики удалены, прежде чем приложение перейдет в промежуточную или производственную среду.