uni-preset-vue

一个使用 Uni App 构建的跨平台应用项目，基于 Vue.js 框架。

使用的技术栈

• 前端框架: Vue.js 3.4.21
• 跨平台框架: Uni App 3.0.0-alpha-4030120241024001
• 构建工具: Vite 5.2.8
• 类型检查: TypeScript 4.9.4
• 代码检查: ESLint 9.12.0
• 样式预处理: Sass 1.77.8
• 图标库: @iconify-json/carbon 1.2.3
• UI 组件: wot-design-uni 1.3.13
• 状态管理: Pinia 2.2.4
• 国际化: Vue I18n 9.1.9

特点

• 跨平台支持，支持在多个平台上构建应用，包括移动端、Web 和桌面端。
• 使用 Vite 和 Vue.js 进行快速高效的开发。
• 使用 TypeScript 和 ESLint 进行代码检查和类型检查。
• 使用 wot-design-uni 提供美观且可定制的 UI 组件。
• 使用 Pinia 进行状态管理。
• 支持国际化，使用 Vue I18n 进行多语言支持。

快速开始

1. 克隆仓库到本地机器

git clone https://github.com/your-repo/uni-preset-vue.git

2. 使用 pnpm 安装依赖

pnpm install

3. 启动开发服务器

pnpm dev:h5

4. 目录

目录结构

├─📁 src/
│ ├─📁 api/
│ │ ├─📄 app.ts
│ │ └─📄 user.ts
│ ├─📁 hooks/
│ │ ├─📄 useShare.ts
│ │ ├─📄 useWebsocket.ts
│ ├─📁 mixins/
│ │ ├─📄 index.ts
│ │ ├─📄 share.ts
│ ├─📁 pages/
│ │ └─📁 index/
│ │   └─📄 index.vue
│ ├─📁 router/
│ │ ├─📄 index.ts
│ ├─📁 static/
│ │ └─📄 logo.png
│ ├─📁 store/
│ │ ├─📄 app.ts
│ │ ├─📄 index.ts
│ │ └─📄 user.ts
│ ├─📁 types/
│ │ └─📄 import-components.d.ts
│ ├─📁 utils/
│ │ ├─📄 alova.ts
│ │ └─📄 index.ts
│ ├─📄 App.vue
│ ├─📄 auto-imports.d.ts
│ ├─📄 env.d.ts
│ ├─📄 main.ts
│ ├─📄 manifest.json
│ ├─📄 pages.json
│ ├─📄 shime-uni.d.ts
│ ├─📄 type.d.ts
│ └─📄 uni.scss
├─📄 .env
├─📄 .eslintrc-auto-import.json
├─📄 .gitignore
├─📄 .npmrc
├─📄 components.d.ts
├─📄 eslint.config.mjs
├─📄 index.html
├─📄 package.json
├─📄 pnpm-lock.yaml
├─📄 README.md
├─📄 shims-uni.d.ts
├─📄 tsconfig.json
├─📄 uno.config.ts
└─📄 vite.config.ts