Javascript 调试节点&x2B;AngularJS 2

Javascript 调试节点&x2B;AngularJS 2,javascript,angularjs,node.js,debugging,Javascript,Angularjs,Node.js,Debugging,如何调试整个应用程序NodeJS和ExpressJS? 我尝试使用“ng build--prod”,然后将dist中的文件复制到我的views文件夹。 我希望每当我更改代码时,我都会刷新浏览器,它的代码也会更改。谢谢大家! 使用--inspect调试ExpressJS 启用检查器代理 在默认端口上侦听(9229) 禁用Angualar JS的minify或uglify,以便您可以在Chrome上调试 供参考 对于prod,默认情况下它会变得丑陋我假设您使用的是Angular2(Angula

如何调试整个应用程序NodeJS和ExpressJS? 我尝试使用“ng build--prod”,然后将dist中的文件复制到我的views文件夹。 我希望每当我更改代码时,我都会刷新浏览器,它的代码也会更改。谢谢大家!

使用--inspect调试ExpressJS

  • 启用检查器代理
  • 在默认端口上侦听(9229)
禁用Angualar JS的minify或uglify,以便您可以在Chrome上调试

供参考


对于prod,默认情况下它会变得丑陋

我假设您使用的是Angular2(AngularJS 2没有任何意义)

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

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

另外,我想让你告诉你,

  • 在开发过程中,不要使用
    ng build.
    使用
    ng serve
    在不同端口(默认4200)为angular应用程序提供服务,在另一个端口(默认3000)为节点服务器提供服务。然后在浏览器中打开angular应用程序,禁用web安全(CORS已禁用-)。这将为您提供更灵活的开发体验

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


谢谢。

您将不得不提供比这多得多的信息。您具体想调试什么?什么东西没有按预期工作?是的,但我想知道的是如何测试和修复bug,然后在刷新后可以看到代码更改。我在谷歌上搜索了一下,但还是搞不懂