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已经生效了。
标签:项目,新建,bootstrap,添加,save,vite From: https://www.cnblogs.com/wenzd/p/18070937