AngularJs bootstrap搭載前臺(tái)框架——準(zhǔn)備工作
1.關(guān)于什么是AngularJs以及什么是bootstrap我就不多說(shuō)了，簡(jiǎn)單說(shuō)下，AngularJs是一個(gè)比較強(qiáng)大前臺(tái)MVC框架，bootstrap是Twitter推出的一個(gè)用于前端開(kāi)發(fā)的開(kāi)源工具包，可以迅速搭建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)的依賴(lài)css和js以及我們的頁(yè)面等。
css：放的是項(xiàng)目的css文件
img：放的是images
js：放的是我們項(xiàng)目相關(guān)的js，包括controller、filter、service等
lib：放的是我們依賴(lài)的js，包括Angular和Bootstrap相關(guān)的庫(kù)
別的就是一些html文件
其他文件夾暫時(shí)不需要知道，大概就是一些腳本（關(guān)于node的），還有一些用于Angular測(cè)試的
4.我們項(xiàng)目需要用node來(lái)啟動(dòng)，如果不太清楚，沒(méi)關(guān)系，看我另一篇博客：http://blog.csdn.net/jthink_/article/details/9707895（linuix和windows下的差不多，實(shí)在不會(huì)就google吧）。
5.由于我們是在windows下，所以我們打開(kāi)一個(gè)cmd，進(jìn)入到angular-seed-master-master文件夾，然后鍵入命令node scripts/web-server.js（或者用supervisor scripts/web-server.js 如果安裝了supervisor）。
6.打開(kāi)chrome瀏覽器（這邊推薦使用chrome，或者使用firefox，64位的操作系統(tǒng)可以使用waterfox），輸入地址：http://localhost:8000/app/index.html，你就可以看到一個(gè)簡(jiǎn)單的頁(yè)面出來(lái)了，別看它簡(jiǎn)單，麻雀雖小五臟俱全，所有的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ǔ)頁(yè)面
AngularJs bootstrap搭載前臺(tái)框架——準(zhǔn)備工作
AngularJs bootstrap詳解及示例代碼
相關(guān)文章
使用Angular緩存父頁(yè)面數(shù)據(jù)的方法
這篇文章主要介紹了使用Angular緩存父頁(yè)面數(shù)據(jù)的方法,需要的朋友可以參考下2017-01-01
關(guān)于AngularJS中幾種Providers的區(qū)別總結(jié)
這篇文章主要給大家介紹了關(guān)于AngularJS中幾種Providers的區(qū)別的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用AngularJS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
淺談Angular7 項(xiàng)目開(kāi)發(fā)總結(jié)
這篇文章主要介紹了淺談Angular7 項(xiàng)目開(kāi)發(fā)總結(jié)，本文在此做一次遇到問(wèn)題的總結(jié)，以便知識(shí)的掌握，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
強(qiáng)大的 Angular 表單驗(yàn)證功能詳細(xì)介紹
本篇文章主要介紹了強(qiáng)大的 Angular 表單驗(yàn)證功能詳細(xì)介紹，使用 Angular 的內(nèi)置表單校驗(yàn)?zāi)軌蛲瓿山^大多數(shù)的業(yè)務(wù)場(chǎng)景的校驗(yàn)需求，有興趣的可以了解一下2017-05-05
AngularJS過(guò)濾器filter用法總結(jié)
這篇文章主要介紹了AngularJS過(guò)濾器filter用法,結(jié)合實(shí)例形式較為詳細(xì)的總結(jié)分析了過(guò)濾器filter的功能、分類(lèi)、使用技巧及自定義過(guò)濾器的實(shí)現(xiàn)方法,需要的朋友可以參考下2016-12-12
Angular5整合富文本編輯器TinyMCE的方法(漢化+上傳)
TinyMCE是一個(gè)輕量級(jí)的富文本編輯器，相對(duì)于CK編輯器更加精簡(jiǎn)，但必須滿(mǎn)足絕大部分場(chǎng)景的需要。這篇文章主要介紹了Angular5整合富文本編輯器TinyMCE（漢化+上傳）的相關(guān)知識(shí),需要的朋友可以參考下2020-05-05
angular inputNumber指令輸入框只能輸入數(shù)字的實(shí)現(xiàn)
這篇文章主要介紹了angular inputNumber指令輸入框只能輸入數(shù)字的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
angular4應(yīng)用中輸入的最小值和最大值的方法
這篇文章主要介紹了angular4應(yīng)用中輸入的最小值和最大值的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
ionic3實(shí)戰(zhàn)教程之隨機(jī)布局瀑布流的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于ionic3實(shí)戰(zhàn)教程之隨機(jī)布局瀑布流的實(shí)現(xiàn)方法，文中通過(guò)示例代碼和圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
AngularJS 與百度地圖的結(jié)合實(shí)例
這篇文章主要介紹了AngularJS 與百度地圖的結(jié)合實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-10-10