BLOG

       

介绍

个人主页，Vue3.2 + Vite + TypeScript + Pinia + Setup 写法

特性

• 有专门用来练习 Vue3.2 的 TodoList 案例
• 可以快速入门 Vue3.2 + Vite2 + TypeScript
• 有 Vue3 + Setup 组件写法
• 有 Vue3.2 命令式组件写法，组件同时支持 Vue2.x Options API 调用
• 有 jest + TypeScript 入门写法，写出第一个 Vue 组件测试用例，查看覆盖率
• 支持 eslint、prettier、stylelint、commitlint、husky 等规范
• 支持 GitHub Actions 自动部署项目

用法

1.安装 yarn

npm i -g yarn

2.安装依赖

yarn

3.运行项目

yarn dev

产出文章

做项目后产出了几篇文章，用于记录，帮助大家踩坑。

• Vue3+Vite+Scss 项目踩坑记录(一)
• Vue3+Vite+Scss 项目踩坑记录(二)
• Vue3+Vite+Scss 项目踩坑记录(三)
• Vue3+Vite+Scss 项目踩坑记录(四)

参考链接

Vue3

• vue-vben-admin
• element-plus
• vant
• vue3-music
• vue3.2-vite-template
• Vue3 组件如何支持 Options API
• 从零搭建后台系统（Vue3.0+ElementPlus+TS+Vite）(一）

jest

• jest 中文网
• Vue Test Utils 2: 用于 Vue3 组件单元测试
• 如何运行 Jest 单元测试
• vant toast test