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