angular2-cli 配置pug,scss,bootstrap

首先確保你沒有下載過angular-cli屿脐,如果下載了請確保是穩(wěn)定版的暇榴,不然就清除

?npm uninstall @angular-cli -g?

npm cache clean

接下來安裝angular-cli

cnpm i @angular/cli@latest -g

接下來使用

?ng --version

如果是1.0.0 說明安裝成功,如果有beta,不合適當前文檔

新建項目

配置scss

ng new projectName --style=scss

添加pug

1劫谅,在node_modules文件下查找? @angular/cli/models/webpack-configs/common.js

2眼坏,然后修改common.js

3,添加pug的配置

4在rules添加

> { test: /\.pug$/, loader: 'apply-loader!pug-loader?self'}

安裝bootstrap

npm i bootstrap --save-dev

在.angular-cli.json文件中修改app屬性

"styles": [

"../node_modules/bootstrap/dist/css/bootstrap.css"

],

"scripts": [

"../node_modules/bootstrap/dist/css/bootstrap.css"

]

添加完成之后就可以重啟啟動項目了

?ng server

在本地打開 localhost:4200就可以了地粪,剩下就是快樂的敲angular2代碼就好

個人實踐可以運行,有問題評論就好,會定期查看

借鑒 http://www.reibang.com/p/f8d1742b49c1

推薦大漠老師的博客: https://my.oschina.net/mumu/blog

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末取募,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蟆技,更是在濱河造成了極大的恐慌玩敏,老刑警劉巖斗忌,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異旺聚,居然都是意外死亡飞蹂,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門翻屈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來陈哑,“玉大人,你說我怎么就攤上這事伸眶【眩” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵厘贼,是天一觀的道長界酒。 經(jīng)常有香客問我,道長嘴秸,這世上最難降的妖魔是什么毁欣? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮岳掐,結(jié)果婚禮上凭疮,老公的妹妹穿的比我還像新娘。我一直安慰自己串述,他們只是感情好执解,可當我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著纲酗,像睡著了一般衰腌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上觅赊,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天右蕊,我揣著相機與錄音,去河邊找鬼吮螺。 笑死饶囚,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的规脸。 我是一名探鬼主播坯约,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼熊咽,長吁一口氣:“原來是場噩夢啊……” “哼莫鸭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起横殴,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤被因,失蹤者是張志新(化名)和其女友劉穎卿拴,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體梨与,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡堕花,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了粥鞋。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缘挽。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖呻粹,靈堂內(nèi)的尸體忽然破棺而出壕曼,到底是詐尸還是另有隱情,我是刑警寧澤等浊,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布腮郊,位于F島的核電站,受9級特大地震影響筹燕,放射性物質(zhì)發(fā)生泄漏轧飞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一撒踪、第九天 我趴在偏房一處隱蔽的房頂上張望过咬。 院中可真熱鬧,春花似錦制妄、人聲如沸援奢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽集漾。三九已至,卻和暖如春砸脊,著一層夾襖步出監(jiān)牢的瞬間具篇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工凌埂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留驱显,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓瞳抓,卻偏偏與公主長得像埃疫,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子孩哑,可洞房花燭夜當晚...
    茶點故事閱讀 43,490評論 2 348

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

  • 無意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺栓霜,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,147評論 7 35
  • Angular CLI 是什么横蜒? Angular CLI 是一個命令行接口(Command Line Interf...
    semlinker閱讀 4,175評論 0 39
  • 一胳蛮、 背景介紹: 兩個概念: 關(guān)于Angular版本销凑,Angular官方已經(jīng)統(tǒng)一命名Angular 1.x統(tǒng)稱為A...
    Keriy閱讀 73,677評論 9 33
  • Webpack學(xué)習(xí)總結(jié) 此文只是自己學(xué)習(xí)webpack的一些總結(jié),方便自己查閱仅炊,閱讀不變斗幼,非常抱歉!抚垄! 下載安裝:...
    Lxs_597閱讀 936評論 0 0
  • 2016年1月5日蜕窿,一場從上午便開始,持續(xù)了近四個小時的圍棋對弈以年僅19歲小將柯潔九段的半目之勝落下帷幕呆馁。手握1...
    豆豆是個小團子閱讀 1,361評論 7 9