调试NodeJS + AngularJS 2

Question

如何调试整个App NodeJS和ExpressJS？ 我尝试使用＆＃39; ng build --prod＆＃39; ，然后将dist中的文件复制到我的views文件夹中。 我希望每当我更改代码时，我刷新浏览器，它的代码也会改变。谢谢！

Answer 1

使用--inspect调试ExpressJS

• 启用检查员代理
• 收听默认端口（9229）

为Angualar JS禁用minify或uglify，以便您可以在Chrome上进行调试

供您参考 https://nodejs.org/en/docs/guides/debugging-getting-started/

对于prod，默认情况下它会被证实

Answer 2

我假设您使用的是Angular2（AngularJS 2没有意义）

如果您只想调试服务器（NodeJS + ExpressJS）
使用WebStorm。 WebStorm很容易标记断点，然后转到“运行/调试配置”并添加新的Node.js配置文件。在配置区域中设置适当的属性。现在，您可以通过单击IDE右上角的小绿色错误图标以调试模式运行服务器。当您从客户端发送请求时，服务器将在断点处暂停。在调试时，WebStorm将为您提供许多有用的功能。

如果要调试angular2应用程序
您可以使用Google Chrome扩展程序Augury来调试Angular2应用程序。 Augury文档将帮助您如何使用它。

此外，我希望你告诉你的是，

• 在开发过程中不要使用ng build.使用ng serve并在另一个端口（默认为4200）和另一个端口的节点服务器（默认为3000）中提供角度应用程序。然后在浏览器中打开角度应用程序，禁用Web安全性（禁用CORS - here）。这将为您提供更灵活的开发体验。

• 使用Nodemon启动nodeJS服务器。它会随着源代码的更改自动重启服务器。

谢谢。