Vue3 项目启动模板

这是一个Vue3的综合项目启动模板，包含多个版本，适配PC、移动端、后台等不同应用场景 本仓库通过多个分支来维护不同的版本，不同版本之间有不同的特性，详见特性和版本差异表

特性

• 基础套件

  • Vite
  • Vue3
  • TypeScript
  • Prettier 格式化文件
  • Tailwind CSS v3.x版，含prettier-plugin-tailwindcss插件，通过prettier对样式类排序。由于tailwind近期火爆的流行程度，不得不将其作为一个基础套件来考虑
  • husky + lint-staged git提交时自动使用prettier格式化
  • vitest 单元测试工具

• Vue Router SPA 路由

• Pinia 全局状态管理

• 常用工具 (libs)

  • 全局请求封装，基于axios (libs/request)
  • local-storage 管理 (libs/local-store)

• Element Plus v2.x UI框架

• 全局组件 (common/components)

  • TODO

• 框架页面 (common/views)

  • 登录页 common/views/login.vue
  • 后台框架页 common/views/main.vue
  • 异常页 common/views/error.vue

版本差异表

注意事项

• husky 和 lint-staged 不起作用

  如果是直接从git仓库clone过去，请先删除.git目录，再使用git init实例化到自己的仓库去。由于切换了仓库，可能导致husky和lint-staged不起作用。

  可以先删除husky和lint-staged，然后把git关联到自己的仓库上，再重装husky和lint-staged（注意先后顺序）

   # 删除 husky 和 lint-staged
   npm uninstall husky lint-staged
  
   # 重装
   npx mrm@2 lint-staged