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已經生效了。