google-chrome - 使用 Visual Studio Code 调试 JHipster 前端
问题描述
我已经为 VS Code 安装了Debugger for Chrome扩展。如何调出在调试模式下使用 webpack 的 JHipster Angular 应用程序?
JHipster Angular 在下<application>/src/main/webapp/app
,webpack 配置在<application>/webpack/webpack.dev.js
.
谢谢。
解决方案
提出的步骤
- 在您的应用程序根级别打开文件夹或创建项目,NOT
<your-app>/src/main/webapp
或<your-app>/src/main/webapp/app
- 添加 chrome 调试器配置如下。确保端口为 9000。
- 启动 JHipster 后端:
mvnw -P-webpack -Dmaven.test.skip=true
- 启动 JHipster 前端 Angular:
npm start
- 在 Angular 项目中设置必要的断点
- 启动 #1 调试器配置文件(F5 或播放按钮)
启动.json
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:9000",
"webRoot": "${workspaceFolder}"
}
]
}
推荐阅读
- java - 如何从用户短信中检测和读取电话号码
- mysql - 重置 Root 密码的问题:Unix 和类 Unix 系统
- java - 在java中存储用户信息文件格式
- c# - XML 序列化类由于其保护级别和 ILRepack 而无法访问
- spring-boot - Spring Boot 保护用户数据 URL 修改
- vba - Excel 宏 / VBA - 仅在包装文本不适合时有条件地调整行大小
- python - 是否可以列出文件夹中的所有项目(为简单起见,只是工作表)并收集数组中的 ID?
- c# - Google Cloud Vision 返回空响应
- c# - 如何使用 C# 规范化标签结尾
- php - ZF2 phprenderer & 路由