①安装基本工程
npm install -g generator-kraken
②安装kraken基本模板
yo kraken
npm start
测试 http://localhost:8000/ 成功 表明安装ok
1.视图引擎使用 dust
2.css引擎使用 less
3.js引擎使用 requirejs
如果报bower git not install
解决方法
设置GIT到path中
D:\Program Files (x86)\Git\cmd
D:\Program Files (x86)\Git\bin
③使用webstrom terminal安装bootstrap和angular
1.在工程根目录建立bower.json
{
"name": "angular-basic",
"version": "0.0.1",
"dependencies": {
"angular": "~1.2.12-build.2226",
"angular-route": "~1.2.12-build.2226",
"bootstrap": "~3.2.0",
"angular-bootstrap": "~0.11.0"
},
"devDependencies": {}
}
表明需要安装的前端js.
打开tools=>terminal bower install
也可以使用 bower install bootstrap --save 表明安装bootstrap 并且保存到bower.json 中
npm install -g mocha nodejs测试
npm install -g karma-cli 前端测试
npm install -g karma 前端测试
npm install -g karma-ng-scenario 端到端测试
④接下来 在我们视图中引入js
head 引入<link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.min.css">
<script data-main="/js/app" src="/components/requirejs/require.js"></script>
<script data-main="/js/app" src="components/angular/angular.min.js"></script>
<script data-main="/js/app" src="components/angular-route/angular-route.min.js"></script>
<script data-main="/js/app" src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
⑤增加karma+jasmine前台测试框架
首先确认karma安装成功。 保证 karma start 没问题
1.karma init 2.修改 karma.conf.js
2.设置需要测试的文件路劲 files: ['./test/*.js','./src/*.js'], exclude: ['karma.conf.js'],
3.表明测试文件在test 文件夹下 源文件在src下面
参照网址
http://ju.outofmemory.cn/entry/85833
http://blog.fens.me/angularjs-express3-bootstrap3/