Angular8引用bootstrap总结

前提：有一个建好的angular项目

 

• 步骤一：在项目目录下  npm install bootstrap@3  

        说明：npm install  就不赘述了  @3是官方推荐 使用bootstrap的稳定版本

• 步骤二：在项目目录下  npm install @types/bootstrap --save -dev

        说明：因为angular使用的是typescript语言  但是 bootstrap的js文件是JavaScript语言  所有需要安装它们对应的类型应用文件

• 步骤三：在项目目录下  npm install jquery --save

• 步骤四：在项目目录下  npm install @types/jquery --save -dev

• 步骤五：在angular.json中引入bootstrap和jquery的js和css文件

         说明：我们下载的bootstrap和jquery都放在node_modules文件中，所以路径应该如下写入

       

• 步骤六：将jquery.js文件放入assets文件中，在index.html引入相应jquery.js文件

这样你就可以快乐的使用bootstrap框架开发了