uni-app + vue3.x + typescript + @vant/weapp + vite 搭建的小程序项目模板
改写了 uni-simple-router 这个插件,使它能在 vue3 环境中运行
uni-app + vue3.x
项目工程化搭建,集成 ESLint
、Prettier
、Stylelint
、husky
、lint-staged
、commitlint
等,
- 小程序框架: uni-app
- 构建工具: Vite
- 前端框架: Vue3.x
- 编程语言: TypeScript
- 代码规范:
- 提交规范:
- css 预处理器: scss
- 状态管理工具:pinia
- pinia 数据持久化插件:pinia-plugin-persist-uni
- vite 插件:
.
├── .husky
│ ├── _
│ ├── commit-msg commit信息校验钩子
│ ├── pre-commit commit前置钩子
├── .vscode
│ ├── extensions.json vscode工作区插件推荐
│ ├── settings.json vscode工作区设置
├── auto
│ ├── addPage.ts 根据pages.json自动生成页面
├── src
│ ├── @types ts类型定义
│ ├── api 请求中心
│ ├── components 项目组件
│ ├── config 全局配置
│ ├── @helper storeToRefs 增强(pinia-auto-refs自动生成)
│ ├── hooks hooks函数
│ ├── pages 页面目录
│ ├── store 状态管理
│ ├── styles css
│ └── utils 工具包
│ ├── index.ts 入口文件
│ ├── platform.ts 获取运行环境
│ ├── request.ts 请求方法封装
│ ├── router.ts 路由跳转封装
│ ├── shared.ts 基础公共方法
│ ├── uniAsync.ts async调用异步方法
│ └── urlMap.ts 获取页面类型
│ ├── App.vue 入口文件
│ ├── auto-imports.d.ts 自动导入vue-composition-api(unplugin-auto-import自动生成)
│ ├── components.d.ts 自动导入组件(unplugin-vue-components自动生成)
│ ├── env.d.ts 全局声明
│ ├── main.ts 主入口
│ ├── manifest.json 应用配置文件
│ ├── pages.json 全局配置文件
│ └── uni.scss uni-app内置的常用样式变量
├── static 放置静态资源
├── .cz-config.js cz提交信息提示配置
├── .czrc cz规则配置
├── .editorconfig 编辑器配置
├── .eslintignore eslint忽略配置
├── .eslintrc-auto-import-types.json 自动挂载types下.d.ts文件定义的类型到global(auto-import-types自动生成)
├── .eslintrc-auto-import.json 自动挂载 unplugin-auto-import 的类型到global(unplugin-auto-import自动生成)
├── .eslintrc.js eslint配置
├── .gitignore git忽略配置
├── .lintstagedrc.json lint-staged配置
├── .npmrc npm配置
├── .prettierignore prettier忽略配置
├── .stylelintrc.js stylelint配置
├── commitlint.config.js commitlint配置
├── FAQ.md
├── index.html 项目入口
├── LICENSE MIT说明
├── package-lock.json
├── package.json
├── prettier.config.js prettier配置
├── README.md
├── TODO.md
├── tsconfig.json ts配置
├── unocss.config.ts unocss配置
└── vite.config.ts vite配置