UniApp Matrix Admin

高效、快速的移动端跨平台应用

💡GitHub Admin 文档 🔍️ Gitee Admin 文档💡

准备

您的本地环境需要安装 yarn、node 和 git。我们的技术栈基于 ES2015+、Vue，提前学习这些知识会对您非常有帮助。

项目介绍

您当前所处的项目位置为 UniApp Matrix Admin 演示版。该项目提供了演示的 Demo 页面，供您用来参考使用。我们也为您提供了 UniApp Matrix Admin 的精简版。删除了相关示例、无用文件及功能。您可以根据自身需求安装对应的依赖，以便于您可以直接开发使用，如果您需要，请点击这里 -> GitHub 地址 或 Gitee 地址

背景

• 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

下载项目

# 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

安装依赖

$ 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 文档 或 Gitee 文档

参与贡献

我们非常欢迎您的贡献，您可以通过以下方式和我们一起共建 🤩：

• 在您的公司或个人项目中使用 UniApp Matrix Admin 模版。
• 通过 GitHub-Issue | Gitee-Issue 报告 🐞 或进行咨询。
• 提交 GitHub-Pull Request | Gitee-Pull Request 改进 UniApp Matrix Admin 模版的代码。

快速预览

仅提供 微信小程序 、H5 、 Android 示例模版

打赏

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