angularjs + requirejs 完整的手腳架

anyway 發布于2019-08-19 17:18 / 3218人閱讀

摘要：還記得一年半前轉向后端的那種無助的感覺，獨自一人摸黑走路，學習各種前端知識，走了不少彎路，現在終于算是入門了前端我相信不少人也有我當時同樣的無助，所以我在空閑時間整理了下所用到的知識，便編寫了一個手腳架，希望能給其他正學習前端的同學一些參考

還記得一年半前轉向后端的那種無助的感覺，獨自一人摸黑走路，學習各種前端知識，走了不少彎路，現在終于算是入門了前端～
我相信不少人也有我當時同樣的無助，所以我在空閑時間整理了下所用到的知識，便編寫了一個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框架，從而實現無需重啟服務和刷新頁面，加大開發效率

設置配置文件locals.js中的isDevMode為true

安裝chrome插件 livereload chrome extension

使用命令gulp start-develop啟動開發模式

生產模式

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

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

使用node或pm2或其他啟動服務

配置

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

angularjs實例

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

測試

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

項目地址

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

GPU云服務器云服務器 angularjs的cdn html的完整格式 html的完整結構完整的數據庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78404.html

規范化安全開發 KOA 手腳架

摘要：規范化安全開發手腳架剛接觸的時候心理也有一點點擔憂，是一個輕量級的框架，這意味著我們想要做好一個理想的手腳架需要自己去改變很多東西，一些流行的第三方更要做好處理，那么時間成本會逐級的提高。規范化安全開發 KOA 手腳架剛接觸 KOA 的時候心理也有一點點擔憂，KOA 是一個輕量級的框架，這意味著我們想要做好一個理想的手腳架需要自己去改變很多東西，一些流行的 npm 第三方更要做好處...

eechen 2019-08-21 10:56 評論0 收藏0
服務端渲染的React手腳架。完美使用 React, Redux, and React-Router

摘要：服務端渲染的手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于已經提供代碼熱加載，使用預處理，單元測試，代碼覆蓋率報告，代碼分割等等更多。 Universal React Starter Kit 服務端渲染的React手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于webpack已經提供代碼熱加載，使用...

zhouzhou 2019-08-29 11:27 評論0 收藏0
服務端渲染的React手腳架。完美使用 React, Redux, and React-Router

摘要：服務端渲染的手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于已經提供代碼熱加載，使用預處理，單元測試，代碼覆蓋率報告，代碼分割等等更多。 Universal React Starter Kit 服務端渲染的React手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于webpack已經提供代碼熱加載，使用...

RayKr 2019-08-22 10:40 評論0 收藏0
服務端渲染的React手腳架。完美使用 React, Redux, and React-Router

摘要：服務端渲染的手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于已經提供代碼熱加載，使用預處理，單元測試，代碼覆蓋率報告，代碼分割等等更多。 Universal React Starter Kit 服務端渲染的React手腳架這個啟動包的設計是為了讓你使用一整套最新最酷的前端技術，所有都是可配置，富特性，基于webpack已經提供代碼熱加載，使用...

DC_er 2019-08-01 15:52 評論0 收藏0