如何调试yeoman应用程序?

abb*_*bbr 5 debugging node.js angularjs yeoman

来自使用服务器端语言/平台(如java,python/django和php)开发Web应用程序的背景,我开始学习Node.js和yeoman.我认为能够调试服务器端代码是必不可少的,以提高代码质量.Node支持通过node-inspector和--debug选项进行调试.但是,如果使用生成器(例如AngularJS)使用生成器创建应用程序,并使用grunt启动,是否有一种简单的方法来启用调试?

也许我应首先要问的一个更高级别的问题是:如果yeoman推广(如教程中所述)AngularJS,它是一个客户端MVC框架,那么大多数代码将从浏览器而不是从Node运行.这就是为什么服务器端调试对于自耕农来说不再重要的原因,因此没有记录?

Thi*_*ura 6

很简单:

npm install -g node-inspector
node-debug yo GENERATOR_NAME
Run Code Online (Sandbox Code Playgroud)

它会打开一个带有初始断点的Chrome DevTool.


Jer*_*ony 5

我正在开发一个yemoan angular-fullstack应用程序.我调试服务器端节点js应用程序代码如下;

  1. 安装节点检查器.
  2. 修改应用程序'Gruntfile.js',将Express的设置为'true'

express: { dev: { options: { script: 'server/app.js', debug: true } } }

  1. 通过运行grunt serve启动应用程序.
  2. 在单独的终端运行中node-inspector.
  3. 打开chrome并导航到http://127.0.0.1:8080/debug?port=5858.(如果你看到grunt控制台,你会看到节点调试器在端口5858上).
  4. 现在,您应该能够在服务器应用程序代码中添加断点和调试.您可以debugger在代码中放置语句以强制节点在该点断开并等待您的检查.

注意: node-inspector --no-preload可以更快地加载节点检查器.