新建vite + bootstrap 5 项目

1. 新建vite 项目，直接按照官方教程，新建一个 vite + typescript 的项目就可，它默认就是vue的；

 

2. 项目创建好之后，开始添加bootstrap的相关模块：

其实bootstrap的官网上面也有关于vite的集成：Bootstrap & Vite · Bootstrap v5.2 (getbootstrap.com)

在 之前的步骤都已经完成的前提下，执行下面两个命令：

npm i --save bootstrap @popperjs/core
npm i --save-dev sass

3. 再然后，将 styles.scss 添加到项目当中：

 

 4. ts 文件当中添加引用：

 

然后 npm run dev 跑起来，就会发现bootstrap已经生效了。