还记得一年半前转向后端的那种无助的感觉,独自一人摸黑走路,学习各种前端知识,走了不少弯路,现在终于算是入门了前端~我相信不少人也有我当时同样的无助,所以我在空闲时间整理了下所用到的知识,便编写了一个angularjs + requirejs手脚架,希望能给其他正学习前端的同学一些参考和帮助~
一个基于nodejs的完整angularjs + requirejs手脚架。项目中自带angularjs实例、测试框架、开发模式的livereload等等,你可以快速的通过这个手脚架学习和开始你的angularjs项目~
angularjs
bootstrap
jquery
less
requirejs
etc
expressjs
gulp
swig
etc
$ bower install $ npm install
开发模式中主要使用gulp-nodemon、gulp-livereload框架,从而实现无需重启服务和刷新页面,加大开发效率
设置配置文件locals.js中的 isDevMode 为 true
安装chrome插件 livereload chrome extension
使用命令 gulp start-develop
启动开发模式
设置配置文件locals.js中的 isDevMode 为 false
使用命令 gulp
编译和构建代码
使用node或pm2或其他启动服务
系统配置存放在 locals.js 文件中
启动服务,打开浏览器输入地址 http://localhost:8099/samples
测试框架采用karma和jasmine, 你可以使用命令 npm test
或 karma start
启动测试. 单元测试和代码覆盖率报告存放在项目的report的目录中
https://github.com/ipluser/angularjs-requirejs-boilerplate