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.2、全局安装angular-cli
npm install -g @angular-cli(目前新的cli为@angular/cli)
* 补充一点:此处可能由于网络原因下载很慢,或者直接下载失败,直接添加淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org *
2.3、安装ng2-bootstrap和bootstrap
npm install ng2-bootstrap bootstrap --save
2.4、在 .angular-cli.json中配置样式文件
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
]
5、 在模板中调用 src/app/app.component.html
//此处直接拖bootstrap官方控件,就可以直接使用