.jpg?table=collection&id=e0aa5e66-74d7-4301-9291-580a661bf93e&t=e0aa5e66-74d7-4301-9291-580a661bf93e&width=1080&cache=v2){kind=logo}
此文章的环境为Windows 10 Pro，所以使用的console是Powershell。但是Angular的指令在Windows, Mac, 和Linux是通用的。
安装方法
在web开发中，我们常常需要使用到各种CSS库来美化我们的页面。在这篇文章中，我将会以Bootstrap为例，教你如何在Angular项目中导入CSS库。
首先，我们需要用
npm下载要用的package。- 打开console进入项目的根目录
- 输入
npm install bootstrap@5.3.3以安装Bootstrap。注意，@5.3.3为版本号，请以Boostrap的最新版本号为准。你可以在Bootstrap的官网查看最新的版本号。
- 在
./src/style.css文件，输入以下代码。
- 这样就可以使用Bootstrap的基本样式了。
Bootstrap的安装方法不止有install npm，详情可以查看官方网站。
验证安装
在你的Angular项目中创建一个新的组件，然后尝试使用一些Bootstrap的样式，如果能够正常显示，那么就说明你已经成功导入了Bootstrap。
- 作者:jiez
- 链接:https://blog.jiezcloud.com/article/658a6efa-3565-42b9-802d-70ac553995f6
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
