转载

angularjs + requirejs 完整的手脚架

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

angularjs-requirejs-boilerplate

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

特性

前端

  • angularjs

  • bootstrap

  • jquery

  • less

  • requirejs

  • etc

后端

  • expressjs

  • gulp

  • swig

  • etc

快速开始

安装依赖:

$ 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

正文到此结束
Loading...