成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

angularjs + requirejs 完整的手腳架

anyway / 3223人閱讀

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

還記得一年半前轉(zhuǎn)向后端的那種無助的感覺，獨(dú)自一人摸黑走路，學(xué)習(xí)各種前端知識(shí)，走了不少彎路，現(xiàn)在終于算是入門了前端～
我相信不少人也有我當(dāng)時(shí)同樣的無助，所以我在空閑時(shí)間整理了下所用到的知識(shí)，便編寫了一個(gè)angularjs + requirejs手腳架，希望能給其他正學(xué)習(xí)前端的同學(xué)一些參考和幫助～

angularjs-requirejs-boilerplate

一個(gè)基于nodejs的完整angularjs + requirejs手腳架。項(xiàng)目中自帶angularjs實(shí)例、測(cè)試框架、開發(fā)模式的livereload等等，你可以快速的通過這個(gè)手腳架學(xué)習(xí)和開始你的angularjs項(xiàng)目～

特性 前端

angularjs

bootstrap

jquery

less

requirejs

etc

后端

expressjs

gulp

swig

etc

快速開始 安裝依賴: 
$ bower install
$ npm install
開發(fā)模式

開發(fā)模式中主要使用gulp-nodemon、gulp-livereload框架，從而實(shí)現(xiàn)無需重啟服務(wù)和刷新頁面，加大開發(fā)效率

設(shè)置配置文件locals.js中的isDevMode為true

安裝chrome插件 livereload chrome extension

使用命令gulp start-develop啟動(dòng)開發(fā)模式

生產(chǎn)模式

設(shè)置配置文件locals.js中的isDevMode為false

使用命令gulp編譯和構(gòu)建代碼

使用node或pm2或其他啟動(dòng)服務(wù)

配置

系統(tǒng)配置存放在locals.js文件中

angularjs實(shí)例

啟動(dòng)服務(wù)，打開瀏覽器輸入地址http://localhost:8099/samples

測(cè)試

測(cè)試框架采用karma和jasmine, 你可以使用命令npm test或karma start啟動(dòng)測(cè)試. 單元測(cè)試和代碼覆蓋率報(bào)告存放在項(xiàng)目的report的目錄中

項(xiàng)目地址

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/78404.html

相關(guān)文章

  • 規(guī)范化安全開發(fā) KOA 手腳架

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

    eechen 評(píng)論0 收藏0

  • 服務(wù)端渲染的React手腳架。完美使用 React, Redux, and React-Router

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

    zhouzhou 評(píng)論0 收藏0

  • 服務(wù)端渲染的React手腳架。完美使用 React, Redux, and React-Router

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

    RayKr 評(píng)論0 收藏0

  • 服務(wù)端渲染的React手腳架。完美使用 React, Redux, and React-Router

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

    DC_er 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<