nodejs使用kraken 搭建web工程



①安装基本工程
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/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值