angular2项目添加ng2-bootstrap

1. 先webstome(若是你的开发工具不是webstorm,能够直接在cmd.exe命令行建立)建立一个空的工程。例如testcss

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

2.而后命令行(Alt+F12)下执行如下命令node

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官方控件,就能够直接使用
相关文章
相关标签/搜索