angular引入bootstrap和jquery

标签：bootstra   cal   rap   定位   项目   style   bootstrap   文件中   str   

1. npm install -g @angular/cli

2. 新建项目   ng new my-app

3. 定位至项目路径下   cd my-app

4. 启动项目  ng serve --open   浏览器http://localhost:4200/看到vue主页说明项目启动成功

5. 安装bootstrap和jquery ：

　　　　npm install --save jquery

　　　　npm install bootstrap --save

6. 在 .angular-cli.json文件中进行配置（路径看项目实际路径）

　　　　在styles中添加  "../node_modules/bootstrap/dist/css/bootstrap.min.css"

　　　　在scripts中添加 "../node_modules/bootstrap/dist/js/bootstrap.min.js"

　　　　　　　　　　　 "../node_modules/jquery/dist/jquery.js"

7. 重新启动项目

angular引入bootstrap和jquery

标签：bootstra   cal   rap   定位   项目   style   bootstrap   文件中   str   

原文地址：https://www.cnblogs.com/yangyang110/p/11719470.html