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中的isDevMode爲true

2. 安裝chrome插件 livereload chrome extension

3. 使用命令gulp start-develop啓動開發模式

生產模式

1. 設置配置文件locals.js中的isDevMode爲false

2. 使用命令gulp編譯和構建代碼

3. 使用node或pm2或其餘啓動服務

配置

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

angularjs實例

啓動服務，打開瀏覽器輸入地址http://localhost:8099/samples

測試

測試框架採用karma和jasmine, 你能夠使用命令npm test或karma start啓動測試. 單元測試和代碼覆蓋率報告存放在項目的report的目錄中

項目地址

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