【angularjs】使用AngularJS搭建前臺框架

Node.js部署:

  • 下載安裝包:
    Node.js官網(wǎng)下載Node.js安裝包塞椎。
  • 安裝Node.js:
    打開node-v6.9.4.pkg文件暖侨,一步步安裝即可启上。

linux環(huán)境下node-v6.9.4.tar.gz包安裝:
tar -zxvf node-v6.9.4.tar.gz
cd node-v6.9.4
./configure
make
sudo make install

AngularJS2部署:

  • 全局安裝yo:
yangweidandeMacBook-Pro:~ zhaoxueyong$ node -v
v6.9.4
yangweidandeMacBook-Pro:~ zhaoxueyong$ npm -v
3.10.10
yangweidandeMacBook-Pro:~ zhaoxueyong$ sudo npm install -g yo
  • 全局安裝generator:
yangweidandeMacBook-Pro:Browser zhaoxueyong$ sudo npm install -g generator-karma
npm ERR! shasum check failed for /tmp/npm-17960-7f712c1b/registry.npmjs.org/istextorbinary/-/istextorbinary-2.1.0.tgz
npm ERR! Expected: dbed2a6f51be2f7475b68f89465811141b758874
npm ERR! Actual:   6a2b96fd6b0894eb0e63405d2a97cab7cbc65926
npm ERR! From:     https://registry.npmjs.org/istextorbinary/-/istextorbinary-2.1.0.tgz
#解決方法參考“參考資料[5]”
yangweidandeMacBook-Pro:Browser zhaoxueyong$ sudo npm install -g grunt-cli bower yo generator-karma generator-angular #必須同時安裝才能成功,很神奇
yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ sudo npm install phantomjs -g

phantomjs安裝失敗媒吗,個人遇到的原因是默認安裝包地址被墻辈毯,更換成可用地址即可坝疼。
npm install phantomjs-prebuilt --phantomjs_cdnurl=http://cnpmjs.org/downloads

  • 構建前臺框架:
yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ cd Browser/
yangweidandeMacBook-Pro:ColusLifeDemo zhaoxueyong$ sudo yo angular
  • 啟動服務:
yangweidandeMacBook-Pro:Browser zhaoxueyong$ cat Gruntfile.js 
yangweidandeMacBook-Pro:Browser zhaoxueyong$ grunt serve
# 啟動已經(jīng)存在的項目之前,需要在項目目錄下執(zhí)行npm install && bower install
頁面快照

Bootstrap部署(不需要):

yangweidandeMacBook-Pro:bootstrap-3.3.7-dist zhaoxueyong$ tree
.
├── css
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   ├── bootstrap-theme.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
├── fonts
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js
    ├── bootstrap.js
    ├── bootstrap.min.js
    └── npm.js
  • 把編譯包放到庫目錄:
yangweidandeMacBook-Pro:lib zhaoxueyong$ mv bootstrap-3.3.7-dist/ /usr/local/lib/
yangweidandeMacBook-Pro:lib zhaoxueyong$ cd /usr/local/lib/
yangweidandeMacBook-Pro:~ zhaoxueyong$ mv bootstrap-3.3.7-dist/ bootstrap
  • 問題解決:
    啟動時提示如下告警:
Warning: not found: compass Used --force, continuing.

應該是沒有安裝Ruby導致的谆沃,安裝Ruby再嘗試嘗試钝凶。

參考資料:

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市唁影,隨后出現(xiàn)的幾起案子耕陷,更是在濱河造成了極大的恐慌,老刑警劉巖据沈,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哟沫,死亡現(xiàn)場離奇詭異,居然都是意外死亡锌介,警方通過查閱死者的電腦和手機嗜诀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人裹虫,你說我怎么就攤上這事肿嘲∪诨鳎” “怎么了筑公?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長尊浪。 經(jīng)常有香客問我匣屡,道長,這世上最難降的妖魔是什么拇涤? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任捣作,我火速辦了婚禮,結果婚禮上鹅士,老公的妹妹穿的比我還像新娘券躁。我一直安慰自己,他們只是感情好掉盅,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布也拜。 她就那樣靜靜地躺著,像睡著了一般趾痘。 火紅的嫁衣襯著肌膚如雪慢哈。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天永票,我揣著相機與錄音卵贱,去河邊找鬼。 笑死侣集,一個胖子當著我的面吹牛键俱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播世分,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼方妖,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了罚攀?” 一聲冷哼從身側(cè)響起党觅,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎斋泄,沒想到半個月后杯瞻,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡炫掐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年魁莉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡旗唁,死狀恐怖畦浓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情检疫,我是刑警寧澤讶请,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站屎媳,受9級特大地震影響夺溢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜烛谊,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一风响、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧丹禀,春花似錦状勤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至攒读,卻和暖如春朵诫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背薄扁。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工剪返, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人邓梅。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓脱盲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親日缨。 傳聞我的和親對象是個殘疾皇子钱反,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容