![[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss](https://smlpoints.com/wp-content/uploads/notes-vue3-vite-with-bootstrap5-and-unocss-1.jpg "[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss")
[筆記] Vue3 + Vite 與 Bootstrap5 合用 Unocss
原先的專案是使用 Bootstrap 5 並搭配巢狀的 scss 設置，不過隨著工具類的 css 撰寫工具如 Tailwind css 的興起，想說看能否與既有 Read More …
標籤: vue3
![[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 2](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 2")
[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 2
承接上篇 [筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1 ，這篇筆記下轉換成 Composition API 以及補上 Type Read More …
[筆記] Vue 2 升級 Vue 3 + Vite 心得 – 1
近期手邊有一個簡易用 vue-cli 建立的舊 Vue 2 項目，想說將其升級為 Vue 3 + Vite ，並改用 pnpm 且加上 TypeScript。這 Read More …
![[筆記] Element Plus Table 簡易封裝練習](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus Table 簡易封裝練習")
[筆記] Element Plus Table 簡易封裝練習
雖說 Element Plus 其 el-table 搭配 el-column 已經算挺方便的，但在不同頁面中都要複製類似的程式碼再修修改改，效率上會變慢一些。 Read More …
![[筆記] Jest 測試 – 取得 transition-group 的內容](https://smlpoints.com/wp-content/uploads/notes-jest-content-in-describe.jpg "[筆記] Jest 測試 – 取得 transition-group 的內容")
[筆記] Jest 測試 – 取得 transition-group 的內容
撰寫 Vue 的測試時，遇上要取得用 transition-group 包裹的內容。這邊筆記下取得的方式。 內容 由於動畫效果是需要計時的，所以要善用 Jest Read More …
![[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png)
[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理
近期因開發需要，開始替自行封裝的套件撰寫單元測試。由於 Vue3 的相關內容較少，這邊筆記下一些撰寫時要有的重點和常見誤區。 內容 開發環境準備 請根據 Vue Read More …
[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例
對 Element-Plus 的套件進行二次封裝後，撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …
[筆記] Vue3 SPA 網頁與 Docker
這是 Vue 的一個長年疑問。準確來說是 Single-Page Application SPA 網頁應用，究竟有什麼方式可以取得 runtime 的變數，而不 Read More …
[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023
在上手開發一陣子後，總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多，這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …
