node js webstorm karma 开发调试工具?海底苍鹰(tank)博客

手机app现在很火，html5+js是可以开发手机app的。下面说一下windows下，安装nodejs。以及安装js的开发工具webstorm和调试工具karma。

一，下载nodejs和webstorm

查看复制打印?

1. 下载nodejs:     http:///download/  
2. 下载webstorm:   http://www./webstorm/  

在这里要注意一点，下载nodejs的时候，要下载.msi格式的。

二，安装nodejs,karma

1，安装nodejs

安装nodejs很简单了，点点就行了，因为用户权限问题，最好避免安装到系统盘。

2，安装karma

karma

查看复制打印?

1. npm install -g karma      //如果报错，安装下面的  
2. npm install -g karma@canary  

三，安装配置webstorm

1，安装webstorm

安装很简单了，安装后需求注册码，可以通过keygen.exe来生成。下面有几个网上找的。

查看复制打印?

1. UserName:William  
2. ===== LICENSE BEGIN =====  
3. 45550-12042010  
4. 00001SzFN0n1bPII7FnAxnt0DDOPJA  
5. INauvJkeVJBuE5bqLEznccE4tet6tr  
6. RiyoMxDK8oDY93tx!ipPyGmqYYeWxS  
7. ===== LICENSE END =====  
8.   
9. UserName:Microsoft  
10. ===== LICENSE BEGIN =====  
11. 44827-12042010  
12. 00001xZTATXBeJGHI0CFFRIdOKjhQ7  
13. eiwIjgK7qohmwGSZRUK!lINYbpNQKk  
14. 5AtC16jzcy6KWlkBBjTZXwL8fnebTM  
15. ===== LICENSE END =====  
16.   
17. UserName:ChinaRed  
18. ===== LICENSE BEGIN =====  
19. 41806-12042010  
20. 000006gMpIpRoMPJdqqPfxIYyr5UPx  
21. fTuYnZxklVYrNOZUHL6YnHTAUM4zqe  
22. qNrt8QzsZERfO"XiHa802ejK9GtcSj  
23. ===== LICENSE END =====  

2，配置webstorm

webstorm=>run=>Edit Configurations…

webstorm

karma.conf.js的内容如下，这个不是死的，根据实际去配置，官方网站上有参数说。

查看复制打印?

1. module.exports = function(config){  
2.   config.set({  
3.     basePath : '../',  
4.   
5.     files : [  
6.       'app/lib/angular/angular.js',  
7.       'app/lib/angular/angular-*.js',  
8.       'app/js/**/*.js',  
9.       'test/unit/**/*.js'  
10.     ],  
11.   
12.     exclude : [  
13.       'app/lib/angular/angular-loader.js',  
14.       'app/lib/angular/*.min.js',  
15.       'app/lib/angular/angular-scenario.js'  
16.     ],  
17.   
18.     autoWatch : true,  
19.   
20.     frameworks: ['jasmine'],  
21.   
22.     browsers : ['Chrome'],  
23.   
24.     plugins : [  
25.             'karma-junit-reporter',  
26.             'karma-chrome-launcher',  
27.             'karma-firefox-launcher',  
28.             'karma-script-launcher',  
29.             'karma-jasmine'  
30.             ],  
31.   
32.     junitReporter : {  
33.       outputFile: 'test_out/unit.xml',  
34.       suite: 'unit'  
35.     }  
36.   });  
37. };  

3，加环境变量

debug的时候，如果报，ERROR [launcher]: Cannot start Chrome，说明debug找不到chrome。

nodejs

查看复制打印?

1. export CHROME_BIN='C:\Program Files\Google\Chrome\Application\chrome.exe'  

这样就可以了。