UniApp 基础项目模版

uni-app + vue3 + pnpm

一款支持独立组件化的项目模版，已适配鸿蒙

环境

• node 18+

• pnpm 9+

• DevEco Studio NEXT Developer Beta3(5.0.3.600)+

Visual Studio Code 插件

• Vue - Official

• Prettier - Code formatter

目录结构

├── ...
└── packages
    ├── uni-project             模版主工程
    ├── uni-ui                  组件化
    ├── uni-sub                 仅业务线中用到的组件
    ├── uni-hooks               一些通用hooks
    ├── uni-web                 (h5页面) 演示 webview 双向交互
    └── uni-doc                 组件文档         (working...)

使用

# 项目初始化，安装完成会自动构建子包
$ pnpm i
# 如果出现依赖不正常，可强制重新安装
$ pnpm i --force

启动项目

# web端
$ pnpm dev:h5
# 微信小程序
$ pnpm dev:mp-weixin
# 鸿蒙[详见](https://zh.uniapp.dcloud.io/tutorial/harmony/dev.html)
$ pnpm dev:app-harmony
# 启动webView双向交互示例
$ pnpm dev:web-view

组件

# 启动以查看组件示例
$ pnpm dev:h5-ui

注意事项

• 请认真阅读主工程文档

• harmony 签名密码：

d53#gt^43e**g93#yil3h^2f1he

manifest.json

• app-harmony: 命令行可以使用相对路径，但在 HBuilder 中必须使用绝对路径，否则找不到

代码规范性

代码规范文档

文档

主工程｜组件文档｜自定义组件｜webView 双向交互

参考链接

harmony - https://zh.uniapp.dcloud.io/tutorial/harmony/dev.html