CLI_README.md
3.63 KB
神领物流快递员端 - Uni-CLI 项目
项目说明
本项目已从 HBuilderX 项目成功转换为 uni-cli 项目,现在支持在 Linux 环境下进行开发和打包。
项目结构
project-wl-kuaidiyuan-uniapp-vue3/
├── src/ # 源代码目录
│ ├── pages/ # 页面文件
│ ├── components/ # 组件
│ ├── static/ # 静态资源
│ ├── store/ # Vuex 状态管理
│ ├── utils/ # 工具函数
│ ├── styles/ # 样式文件
│ ├── uni_modules/ # uni-app 插件
│ ├── App.vue # 应用入口组件
│ ├── main.js # 应用入口文件
│ ├── pages.json # 页面配置
│ └── manifest.json # 应用配置
├── package.json # 项目依赖配置
├── vite.config.js # Vite 构建配置
└── index.html # HTML 模板
## 环境要求
- Node.js >= 16.0.0
- npm >= 7.0.0
## 安装依赖
```bash
npm install
开发命令
H5 开发
npm run dev:h5
小程序开发
# 微信小程序
npm run dev:mp-weixin
# 支付宝小程序
npm run dev:mp-alipay
# 百度小程序
npm run dev:mp-baidu
# QQ小程序
npm run dev:mp-qq
# 头条小程序
npm run dev:mp-toutiao
App 开发
# Android
npm run dev:app-android
# iOS
npm run dev:app-ios
# 通用 App
npm run dev:app
生产构建
H5 构建
npm run build:h5
小程序构建
# 微信小程序
npm run build:mp-weixin
# 支付宝小程序
npm run build:mp-alipay
# 其他小程序平台...
App 构建
# Android
npm run build:app-android
# iOS
npm run build:app-ios
# 通用 App
npm run build:app
构建输出
构建完成后,文件将输出到 dist/build/ 目录下:
- H5:
dist/build/h5/ - 小程序:
dist/build/mp-[平台]/ - App:
dist/build/app/
App 打包说明
Android 打包
-
执行构建命令:
npm run build:app-android 构建完成后,打开 HBuilderX,导入
dist/build/app目录在 HBuilderX 中进行云打包或本地打包
Linux 环境下的替代方案
由于 App 的最终打包仍需要原生环境,在 Linux 下有以下选择:
-
使用 HBuilderX Linux 版本(推荐)
- 下载 HBuilderX Linux 版本
- 导入
dist/build/app目录进行打包
-
使用离线打包
- 将
dist/build/app目录中的资源集成到原生 Android/iOS 工程 - 使用 Android Studio 或 Xcode 进行打包
- 将
-
CI/CD 集成
- 在 CI/CD 流程中使用 uni-cli 构建
- 构建产物可以上传到云打包服务
主要变更
从 HBuilderX 项目转换为 uni-cli 项目的主要变更:
- ✅ 添加了
package.json,包含完整的依赖和构建脚本 - ✅ 添加了
vite.config.js配置文件 - ✅ 源代码移动到
src/目录 - ✅ 添加了 vuex 依赖(项目使用了状态管理)
- ✅ 配置了所有主流平台的开发和构建命令
依赖版本
- Vue: 3.3.4
- Vite: 5.2.8
- Vuex: 4.0.2
- @dcloudio/vite-plugin-uni: 3.0.0-alpha-4080720251125001
注意事项
- 构建时会有一些 SASS 弃用警告,这是 uni-app 内置样式库的问题,不影响功能
- 开发时建议使用 H5 模式进行快速调试:
npm run dev:h5 - App 打包前请确保 manifest.json 中的配置正确
- 首次构建可能需要较长时间,请耐心等待
技术支持
如有问题,请参考: