uniapp Vue3 Pinia uViewPlus 项目包

2020-01-12

uni-app + Vue3 + Pinia + uView-Plus 项目包

项目介绍

本项目是一个基于 uni-appVue3PiniauView-Plus 搭建的项目包。通过这个项目包,你可以快速启动一个跨平台的移动应用开发项目,利用 uni-app 的跨平台特性,结合 Vue3 的最新语法和 Pinia 的状态管理,以及 uView-Plus 的丰富组件库,帮助你高效地开发出功能强大的移动应用。

项目特点

  • 跨平台开发:基于 uni-app,支持同时开发 iOS、Android 和小程序等多端应用。
  • Vue3 支持:采用最新的 Vue3 语法,享受 Composition API 带来的开发便利。
  • Pinia 状态管理:使用 Pinia 作为状态管理工具,简化状态管理逻辑,提升开发效率。
  • uView-Plus 组件库:集成 uView-Plus 组件库,提供丰富的 UI 组件,加速界面开发。

如何使用

  1. 克隆项目
    git clone https://github.com/your-repo/your-project.git
    
  2. 安装依赖
    cd your-project
    npm install
    
  3. 运行项目
    npm run dev:mp-weixin  # 运行微信小程序
    npm run dev:h5         # 运行H5
    npm run dev:app-plus   # 运行App
    
  4. 构建项目
    npm run build:mp-weixin  # 构建微信小程序
    npm run build:h5         # 构建H5
    npm run build:app-plus   # 构建App
    

目录结构

your-project/
├── src/
│   ├── assets/          # 静态资源
│   ├── components/      # 公共组件
│   ├── pages/           # 页面组件
│   ├── store/           # Pinia 状态管理
│   ├── App.vue          # 根组件
│   ├── main.js          # 入口文件
│   └── ...
├── static/              # 静态文件
├── uni.scss             # uni-app 样式配置
├── pages.json           # 页面路由配置
├── manifest.json        # 应用配置
└── ...

贡献指南

欢迎大家贡献代码!如果你有任何改进建议或发现了 bug,请提交 issue 或 pull request。

许可证

本项目采用 MIT 许可证,详情请参阅 LICENSE 文件。


希望这个项目包能帮助你快速启动你的移动应用开发项目!如果有任何问题,欢迎随时联系我们。

下载链接

uni-appVue3PiniauView-Plus项目包