# uniapp-uview-vue3-template 基础项目脚手架，内置实用ui组件

**Repository Path**: lrllrl/uni-uview-vue3-template

## Basic Information

- **Project Name**: uniapp-uview-vue3-template 基础项目脚手架，内置实用ui组件
- **Description**: uniapp+uviewplus+vue3的基础项目脚手架，内置实用ui组件
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2025-04-09
- **Last Updated**: 2026-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-uview-vue3-template

#### 介绍
[uniapp+uviewplus+vue3的基础脚手架：https://gitee.com/lrllrl/uni-uview-vue3-template](https://gitee.com/lrllrl/uni-uview-vue3-template)<br />
[gitee：https://gitee.com/lrllrl](https://gitee.com/lrllrl)<br />
[预览](https://env-00jxtemn6qw6-static.normal.cloudstatic.cn/)

#### 软件架构
[uniapp](https://uniapp.dcloud.net.cn/)<br />
[vue3](https://cn.vuejs.org/)<br />
[uview 组件库](https://uviewui.com/)<br />
[unocss 原子css](https://ext.dcloud.net.cn/plugin?id=17509)<br />
[ucs-iconPark 图标库](https://ucs.cloudsimpler.com/library/ucs-iconPark/)<br />
[ucs-svg 矢量图形](https://ucs.cloudsimpler.com/library/ucs-svg/)

#### 安装教程
`npm install`

#### 命名规范
1. 目录命名：kebab-case（短横线分隔）
├── pages/
│   ├── user-center/       // 用户中心页面目录
│   ├── goods-detail/      // 商品详情页面目录
│   ├── order-list/        // 订单列表页面目录
├── components/
│   ├── search-bar/        // 搜索栏组件目录
│   ├── bottom-nav/        // 底部导航组件目录
├── utils/                 // 工具函数目录（通用目录用小写单数）

2. 公共组件命名：kebab-case（或 PascalCase，推荐前者）
components/
├── submit-button/         // 提交按钮组件目录
│   ├── submit-button.vue  // 组件主文件
├── CountDown  
│   ├── CountDown.vue      

3. 工具类 / 脚本文件命名：camelCase（小驼峰）
utils/
├── dateFormat.js          // 日期格式化工具
├── request.js             // 网络请求封装
api/
├── userApi.js             // 用户相关接口
├── goodsApi.js            // 商品相关接口

4. 不推荐的命名方式
全小写无分隔（如 usercenter）：可读性差，单词混淆；
camelCase（小驼峰）目录（如 userCenter）：部分系统 / 工具对大小写敏感，易引发路径错误；
PascalCase（大驼峰）目录（如 UserCenter）：不符合前端目录命名习惯，与框架示例冲突。

#### Git 提交规范
| 类型     | Emoji | 说明                       | 示例                            |
| -------- | ----- | -------------------------- | ------------------------------- |
| init     | 🎉    | 初始化项目                 | `🎉 init: 项目初始化`           |
| feat     | ✨    | 新增功能                   | `✨ feat: 添加用户登录功能`     |
| fix      | 🐞    | 修复bug                    | `🐞 fix: 修复登录验证失败问题`  |
| docs     | 📃    | 文档变更                   | `📃 docs: 更新 README 文档`     |
| style    | 🌈    | 代码格式（不改变代码逻辑） | `🌈 style: 调整代码缩进格式`    |
| refactor | 🦄    | 代码重构                   | `🦄 refactor: 重构用户认证模块` |
| perf     | 🎈    | 性能优化                   | `🎈 perf: 优化列表加载性能`     |
| test     | 🧪    | 测试相关                   | `🧪 test: 添加登录模块测试`     |
| build    | 🔧    | 构建流程、依赖更改         | `🔧 build: 升级依赖版本`        |
| ci       | 🐎    | CI 配置变更                | `🐎 ci: 修改 Docker 配置`       |
| chore    | 🐳    | 构建过程或工具变更         | `🐳 chore: 更新 git hooks`      |
| wip      | 🔓️   | 开发中的提交               | `🔓️ wip: 用户管理功能开发中`   |
| workflow | ⏳️   | 工作流改进                 | `⏳️ workflow: 优化开发流程`    |
| types    | 🚙    | 类型定义修改               | `🚙 types: 更新接口类型定义`    |
| versions | 🔖    | 版本相关变更               | `🔖 versions: 发布 v1.0.0 版本` |
| revert   | ↩    | 回滚提交                   | `↩ revert: 回滚到上一版本`     |
##### 提交规则

1. **类型**：必须是上述类型之一
2. **主题**：
   - 必须填写
   - 简短精炼
   - 清晰描述本次变更