angularjs + requirejs 完整的手脚架

还记得一年半前转向后端的那种无助的感觉,独自一人摸黑走路,学习各种前端知识,走了不少弯路,现在终于算是入门了前端~
我相信不少人也有我当时同样的无助,所以我在空闲时间整理了下所用到的知识,便编写了一个angularjs + requirejs手脚架,希望能给其他正学习前端的同学一些参考和帮助~

angularjs-requirejs-boilerplate

一个基于nodejs的完整angularjs + requirejs手脚架。项目中自带angularjs实例、测试框架、开发模式的livereload等等,你可以快速的通过这个手脚架学习和开始你的angularjs项目~

特性

前端

后端

快速开始

安装依赖:

$ bower install
$ npm install

开发模式

开发模式中主要使用gulp-nodemon、gulp-livereload框架,从而实现无需重启服务和刷新页面,加大开发效率

  1. 设置配置文件locals.js中的isDevModetrue

  2. 安装chrome插件 livereload chrome extension

  3. 使用命令gulp start-develop启动开发模式

生产模式

  1. 设置配置文件locals.js中的isDevModefalse

  2. 使用命令gulp编译和构建代码

  3. 使用node或pm2或其他启动服务

配置

系统配置存放在locals.js文件中

angularjs实例

启动服务,打开浏览器输入地址http://localhost:8099/samples

测试

测试框架采用karma和jasmine, 你可以使用命令npm testkarma start启动测试. 单元测试和代码覆盖率报告存放在项目的report的目录中

项目地址

https://github.com/ipluser/angularjs-requirejs-boilerplate

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值