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

    原文作者:Pluser
    原文地址: https://segmentfault.com/a/1190000004236390
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞