angularjs + requirejs 完整的手脚架

还记得一年半前转向后端的那种无助的感受,独自一人摸黑走路,学习各类前端知识,走了很多弯路,如今终于算是入门了前端~
我相信很多人也有我当时一样的无助,因此我在空闲时间整理了下所用到的知识,便编写了一个angularjs + requirejs手脚架,但愿能给其余正学习前端的同窗一些参考和帮助~css

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

相关文章
相关标签/搜索