Отладка интерфейса JHipster с помощью кода Visual Studio

Question

Я установил Отладчик для Chrome расширения для VS Code. Как вызвать приложение JHipster Angular, которое использует webpack в режиме отладки?

JHipster Angular находится под <application>/src/main/webapp/app, а конфигурация веб-пакета - <application>/webpack/webpack.dev.js.

Спасибо.

Answer 1

Шаги, чтобы вызвать

1. Открыть папку или создать проект в вашем приложении root уровень, НЕ <your-app>/src/main/webapp или <your-app>/src/main/webapp/app
2. Добавить chrome Конфигурация отладчика, как показано ниже. Убедитесь, что порт равен 9000.
3. Запустите бэкэнд JHipster: mvnw -P-webpack
4. Запустите внешний интерфейс JHipster Angular: npm start
5. Установите необходимую точку останова в вашем Angular проекте
6. Start # 1 профиль отладчика (F5 или кнопка воспроизведения)

запуск. json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:9000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}