1.關(guān)于什么是AngularJs以及什么是bootstrap我就不多說了，簡單說下，AngularJs是一個(gè)比較強(qiáng)大前臺(tái)MVC框架，bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包，可以迅速搭建web前臺(tái)，可以去官網(wǎng)看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。

2.github上有一個(gè)比較好的純凈AngularJs app的種子，可以去github下載，地址：https://github.com/glitchtank/angular-seed-master。

3.我們把下載的angular-seed-master-master.zip解壓到某個(gè)文件夾，然后會(huì)看到這個(gè)app的項(xiàng)目組織，如下：

        app：這個(gè)文件夾中包含了跟我們app相關(guān)的依賴css和js以及我們的頁面等。

         css：放的是項(xiàng)目的css文件

         img：放的是images

         js：放的是我們項(xiàng)目相關(guān)的js，包括controller、filter、service等

         lib：放的是我們依賴的js，包括Angular和Bootstrap相關(guān)的庫

        別的就是一些html文件

    其他文件夾暫時(shí)不需要知道，大概就是一些腳本（關(guān)于node的），還有一些用于Angular測試的

4.我們項(xiàng)目需要用node來啟動(dòng)，如果不太清楚，沒關(guān)系，看我另一篇博客：http://blog.csdn.net/jthink_/article/details/9707895（linuix和windows下的差不多，實(shí)在不會(huì)就google吧）。

5.由于我們是在windows下，所以我們打開一個(gè)cmd，進(jìn)入到angular-seed-master-master文件夾，然后鍵入命令node scripts/web-server.js（或者用supervisor scripts/web-server.js 如果安裝了supervisor）。

6.打開chrome瀏覽器（這邊推薦使用chrome，或者使用firefox，64位的操作系統(tǒng)可以使用waterfox），輸入地址：http://localhost:8000/app/index.html，你就可以看到一個(gè)簡單的頁面出來了，別看它簡單，麻雀雖小五臟俱全，所有的MVC相關(guān)的都包括了。

以上就是對(duì)Bootstrap 搭載前臺(tái)框架的資料整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料，謝謝大家對(duì)本站的支持！

              相關(guān)文章：

                                 AngularJs bootstrap搭載前臺(tái)框架——js控制部分
                                 AngularJs bootstrap搭載前臺(tái)框架——基礎(chǔ)頁面
                                 AngularJs bootstrap搭載前臺(tái)框架——準(zhǔn)備工作
                                 AngularJs bootstrap詳解及示例代碼

最新評(píng)論