angular2項目添加ng2-bootstrap

1. 先webstome（若是你的開發工具不是webstorm,能夠直接在cmd.exe命令行建立）建立一個空的工程。例如test

File--> New -->Project --> Empty Project

2.而後命令行（Alt+F12）下執行如下命令

2.1 進入該工程
C:\Users\kawa2017\WebstormProjects>cd test

2.二、全局安裝angular-cli

npm install -g @angular-cli（目前新的cli爲@angular/cli）

* 補充一點:此處可能因爲網絡緣由下載很慢，或者直接下載失敗，直接添加淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org *

2.三、安裝ng2-bootstrap和bootstrap

 npm install ng2-bootstrap bootstrap --save

2.四、在 .angular-cli.json中配置樣式文件

"styles": [
   "styles.css",
   "../node_modules/bootstrap/dist/css/bootstrap.css"
]
五、 在模板中調用 src/app/app.component.html

//此處直接拖bootstrap官方控件，就能夠直接使用