新建vite + bootstrap 5 專案

oct發表於2024-03-13

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

相關文章