# UniApp Matrix Admin
**Repository Path**: cuiguocun/uni-app-matrix-admin
## Basic Information
- **Project Name**: UniApp Matrix Admin
- **Description**: Build a mobile cross-platform framework based on uni-app - 基于 uni-app 搭建移动端跨平台框架
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 5
- **Created**: 2021-11-15
- **Last Updated**: 2021-11-15
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
UniApp Matrix Admin
高效、快速的移动端跨平台应用
💡[GitHub Admin 文档](https://matrix-zyh.github.io/uni-app-admin-docs/) 🔍️ [Gitee Admin 文档](https://matrix-zyh.gitee.io/uni-app-admin-docs/)💡
## 准备
> 您的本地环境需要安装 yarn、node 和 git。我们的技术栈基于 ES2015+、Vue,提前学习这些知识会对您非常有帮助。
## 项目介绍
您当前所处的项目位置为 `UniApp Matrix Admin` 演示版。该项目提供了演示的 Demo 页面,供您用来参考使用。我们也为您提供了 `UniApp Matrix Admin` 的精简版。删除了相关示例、无用文件及功能。您可以根据自身需求安装对应的依赖,以便于您可以直接开发使用,如果您需要,请点击这里 -> [GitHub 地址](https://github.com/matrix-zyh/uni-app-admin-lite) 或 [Gitee 地址](https://gitee.com/matrix-zyh/uni-app-admin-lite)
> 背景
>
> - `uni-app` 是一个使用 `Vue.js` 开发所有前端应用的框架,开发者编写一套代码,可发布到 `iOS`、`Android`、`Web`(响应式)、以及各种小程序(微信 / 支付宝 / 百度 / 头条 / QQ / 钉钉 / 淘宝)、快应用等多个平台。
>
> UI 框架
>
> - `Color UI`
> - 原因:鲜亮的高饱和色彩,专注视觉的小程序样式库。(`Color UI` 是 `css` 样式库,而非组件库,兼容性更好!)
>
> - `uView UI`
> - 原因:`uView` 是 `uni-app` 生态专用的 UI 框架。`uView` 的目标是成为 `uni-app` 生态最优秀的 UI 框架。
>
> 技术要点
> - Node 建议版本 v14.x
## 下载项目
> ```shell
> # GitHub (国内访问可能较慢)
> $ git clone https://github.com/matrix-zyh/uni-app-matrix-admin.git
>
> # Gitee (国内访问较快,建议使用)
> $ git clone https://gitee.com/matrix-zyh/uni-app-matrix-admin.git
> ```
> 安装依赖
>
> ```shell
> $ yarn (不建议使用 npm 安装)
> ```
## 项目运行及打包
> 项目加载依赖
>
> - yarn
>
> 运行微信
>
> - 开发环境
> - yarn serve
> - 预览环境
> - yarn prev:wechat
> - 生产环境
> - yarn prod:wechat
>
> 运行 H5
>
> - 开发环境
> - yarn dev:h5
> - 预览环境
> - yarn prev:h5
> - 生产环境
> - yarn prod:h5
>
> 运行 App
>
> - 开发环境
> - yarn dev:app
> - 预览环境
> - yarn prev:app
> - 生产环境
> - yarn prod:app
>
> 打包部署
>
> - 小程序
> - yarn build:dev-wechat (开发环境)
> - yarn build:prev-wechat (预览环境)
> - yarn build (生产环境)
> - H5
> - yarn build:dev-h5 (开发环境)
> - yarn build:prev-h5 (预览环境)
> - yarn build:prod-h5 (生产环境)
> - App
> - yarn build:dev-app (开发环境)
> - yarn build:prev-app (预览环境)
> - yarn build:prod-app (生产环境)
## 代码校验 及 格式化
> Javascript 语法校验
>
> - yarn lint:eslint
>
> prettier 代码风格格式化
>
> - yarn lint:prettier
>
> HTML CSS 风格格式化
>
> - yarn lint:stylelint
更多使用方式请参考 `UniApp Matrix Admin 文档`
[GitHub 文档](https://matrix-zyh.github.io/uni-app-admin-docs/) 或 [Gitee 文档](https://matrix-zyh.gitee.io/uni-app-admin-docs/)
## 参与贡献
我们非常欢迎您的贡献,您可以通过以下方式和我们一起共建 🤩:
- 在您的公司或个人项目中使用 UniApp Matrix Admin 模版。
- 通过 [GitHub-Issue](https://github.com/matrix-zyh/uni-app-admin-lite/issues) | [Gitee-Issue](https://gitee.com/matrix-zyh/uni-app-admin-lite/issues) 报告 🐞 或进行咨询。
- 提交 [GitHub-Pull Request](https://github.com/matrix-zyh/uni-app-admin-lite/pulls) | [Gitee-Pull Request](https://gitee.com/matrix-zyh/uni-app-admin-lite/pulls) 改进 UniApp Matrix Admin 模版的代码。
## 快速预览
仅提供 `微信小程序` 、`H5` 、 `Android` 示例模版
## 打赏
如果该项目对您有所帮助,可以请作者喝一杯咖啡。