# 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

image
高效、快速的移动端跨平台应用
💡[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` 示例模版

## 打赏 如果该项目对您有所帮助,可以请作者喝一杯咖啡。