因為這專案應該會用到 vuex 儲存商品的項目跟購物車的內容,也許可以試試看 TDD.
參考這篇: https://vitest.dev/guide/
yarn add -D vitest
yarn add -D @vue/test-utils
yarn add -D jsdom
參考這篇:
https://stackoverflow.com/questions/66043612/vue3-vite-project-alias-src-to-not-working
在 vite.config.ts 裡面加上
export default defineConfig({
base: '/iron-vite-ecommerce/',
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
test: {
globals: true,
environment: 'jsdom',
},
});
之後就可以在 cmd line 使用
npx vitest
yarn test
yarn coverage
來執行自動測試了。