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