如何debuggingyeoman应用程序？
从使用服务器端语言/平台（如java，python / django和php）开发Web应用程序的背景下，我开始学习Node.js和yeoman。 我认为能够debugging服务器端代码是必不可less的，以提高代码质量。 节点支持通过节点检查器和–debug选项进行debugging。 但是，如果一个应用程序是使用一个生成器创build出来的，比如说AngularJS，并且使用grunt启动，那么是否有一种简单的方法来启用debugging？
也许我应该首先提出的一个更高层次的问题是：如果yeoman促进（作为教程中的特色）AngularJS，这是一个客户端MVC框架，那么大多数代码将从浏览器而不是从节点运行。 这就是为什么服务器端debugging不再重要的原因，因此没有logging？
我正在开发一个yemoan angular-fullstack应用程序。 我如下debugging服务器端节点js应用程序代码;
- 安装节点检查器 。
- 修改应用程序'Gruntfile.js'为express服务器设置debug为'true'
express: { dev: { options: { script: 'server/app.js', debug: true } } }
- 运行grunt服务启动应用程序。
- 在一个单独的terminal运行
node-inspector。 - 打开Chrome并导航到
http://127.0.0.1:8080/debug?port=5858。 （如果你看到grunt控制台，你会看到节点debugging器在端口5858上）。 - 现在你应该能够把你的服务器应用程序代码中的断点和debugging。 您可以在您的代码中放置
debugger语句，强制节点在那一刻中断，并等待您的检查。
注意： node-inspector –no-preload加载节点检查器的速度更快。
这样简单：
npm install -g node-inspector node-debug yo GENERATOR_NAME
它将打开一个具有初始断点的Chrome开发工具。
-
安装节点检查器 ：
$ npm install -g node-inspector
-
启动节点检查器服务器：
$ node-inspector
-
在debugging模式下使用Yeoman-cli运行node.js：
$ node –debug path \ to \ global \ npm \ node_modules \ yo \ cli.js MyGenerator
其中'MyGenerator'是您要debugging的Yeoman生成器名称。
在Windows上，“path \ to \ global \ npm”类似于“C：\ Users {UserName} \ AppData \ Roaming \ npm”。 -
打开Chrome或Opera，然后转到
http://localhost:8080/debug?port=5858
如果你使用AngularJS和Chrome你可以使用Batarang插件 。 在Yeoman项目中，您可以使用Grunt来检查您的应用程序：
也许答案不是通用的所有yeoman生成的应用程序，但我想出了angular-fullstack生成器，它已经表示为后端服务器。 通过在文件Gruntfile.js中将debug设置为true来启用debugging：
grunt.initConfig({ ... express : { options : { port : process.env.PORT || 9000 }, dev : { options : { script : 'server.js', debug : true //enable debugging } }, ...
然后，默认情况下，可以启动节点检查器以在端口5858上进行debugging。