- 在开发、学习
vue3项目过程中，搭建了多个vue3的项目开发模版
便于在后续项目中复用，为了基于此模版快速创建项目，于是参照 create-vite 项目，搭建了一个创建项目的脚手架工具。
使用 npm:
# npm 6.x
npm create @szhxa/front-apps@latest app-name --template [vue3-ts][vue3-admin]
# npm 7+
npm create @szhxa/front-apps@latest app-name -- --template [vue3-ts][vue3-admin]使用 yarn：
$ yarn create @szhxa/front-apps app-name --template [vue3-ts][vue3-admin]vue3-ts 模版：
- 单元测试、mock 数据、国际化及其他vue3项目基础依赖的使用方法示例，不包含任何页面示例及功能逻辑处理示例；
- node 版本管理：nvm 0.39.1
- node版本：node 16.16.0
- 包管理：yarn 1.22.19
- 构建工具：vite 3.0.0
- 框架：vue 3.2.37
- 路由：Vue Router 4.1.3
- 状态管理：Pinia 2.0.17
- 请求库：axios 0.27.2
- 类型检查：Typescript 4.6.4
- 代码风格：Eslint 8.20.0
- 预处理器：SCSS（用于书写样式） + Less（用于配置主题） + StyleLint 14.9.1
- 组件库：Element Plus 2.2.26
- 图表：Echarts 5.3.3
- 国际化：vue i18n 9.2.0
- Mock数据 Mock.js 1.1.0 + vite-plugin-mock(mock 接口)
- 单元测试：Jest
- E2E 测试：Cypress（TODO）
- commit：commitizen+Husky + Lint Staged + Commitlint
vue3-admin 模版：
- 无单元测试、mock 数据，封装了部分后台管理系统常用组件、hooks及其他常用工具功能处理示例；
- node 版本管理：nvm 0.39.1
- node版本：node 16.16.0
- 包管理：yarn 1.22.19
- 构建工具：vite 4.0.0
- 框架：vue 3.2.45
- 路由：Vue Router 4.1.3
- 状态管理：Pinia 2.0.17 + pinia-plugin-persistedstate 持久化
- 请求库：axios 0.27.2
- 类型检查：Typescript 4.6.4
- 代码风格：Eslint 8.30.0
- 预处理器：SCSS + StyleLint 14.9.1
- 组件库：Element-Plus
- commit：commitizen+Husky + Lint Staged + Commitlint