如何在最新版Angular中使用Bootstrap v4并安装指定版本而非最新版

嘿，这两个问题我熟，给你一步步讲清楚！

要在Angular里用上Bootstrap v4，按以下步骤操作就行：

• 第一步：安装Bootstrap及必要依赖
  首先把Bootstrap v4装到项目里，如果你需要用模态框、下拉菜单这类交互组件，还得安装它依赖的jQuery和Popper.js。命令如下（后面会讲怎么指定具体版本）：

  npm install --save bootstrap@4 jquery popper.js
  

• 第二步：配置全局样式
  打开项目根目录下的angular.json文件，找到build -> options里的styles数组，把Bootstrap的CSS文件路径加进去，这样整个项目都能用上Bootstrap的样式：

  "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.css"
  ]
  

• 第三步（可选）：配置交互组件的JS支持
  要是你需要用Bootstrap的交互功能（比如弹窗、下拉、轮播），还得在angular.json的scripts数组里添加jQuery、Popper.js和Bootstrap的JS文件：

  "scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/popper.js/dist/umd/popper.min.js",
    "node_modules/bootstrap/dist/js/bootstrap.min.js"
  ]
  

  配置完记得重启你的Angular开发服务器（ng serve），这样所有功能就能正常使用啦。

这个超简单，只要在npm安装命令里加上@具体版本号就行。比如你想安装Bootstrap v4的最后一个稳定版（4.6.2），直接执行：

npm install --save bootstrap@4.6.2

要是你记不清具体版本号，也可以只指定主版本bootstrap@4，npm会自动帮你安装v4系列里最新的稳定版本。

如果需要同时安装兼容的jQuery和Popper.js，也可以一起指定版本（一般不用太纠结，只要版本兼容v4就行），比如：

npm install --save bootstrap@4.6.2 jquery@3 popper.js@1

内容的提问来源于stack exchange，提问作者Seyoung