介绍

一个综合性 Vue3.x 综合模板，工程配套文档：https://juejin.cn/post/6988704825450397709

• 编程语言：TypeScript
• 构建工具：Vite 2.x
• 前端框架：Vue 3.x
• 路由工具：Vue Router 4.x
• 状态管理：Pinia
• CSS 预编译：Stylus / Sass / Less
• HTTP 工具：Axios
• Git Hook 工具：husky + lint-staged
• 代码规范：EditorConfig + Prettier + ESLint
• 单元测试：vue-test-utils + jest + vue-jest + ts-jest

在线预览该工程：vite-vue3-sfc-template

为此我还准备了这些常用模板

• Vue2.x + vite 模板
  • TSX + decorator 能力：vite-vue2-tsx-start
  • SFC + decorator 能力：vite-vue2-start
• Vue3.x + vite 模板
  • TSX + composition-api 能力：vite-vue3-start
  • SFC + composition-api 能力：vite-vue3-sfc-template

上手

# clone
git clone https://github.com/251205668/vite-vue3-sfc-template

# install
yarn install

cd vite-vue3-sfc-template

# start
yarn dev

# union test
yarn build

# build
yarn build

TODO

• 脚手架 CI/CD 自动化
• Vite 迁移实战落地