1,前期准备,
2,项目初始化
2.1,项目创建
打开hbuilder,左上角-----》文件—》----新建-----》项目,选择合适的模板创建。
2.2,项目框架结构
项目 | Value |
---|---|
uniCloud-aliyun | 云服务空间配置 |
pages | 页面 |
static | 静态资源 |
uni_modules | 项目使用的插件,相当于node_modules |
app.vue | 根节点 |
index.html | 模板文件H5 |
main.js | 项目入口文件,同vue项目的main.js |
mainfest.json | 项目配置(可视化) |
pages.json | 所有页面、全局样式的配置 |
uni.scss | 样式表 |
unpackage | 打包文件夹 |
项目结构详情 |
2.3,项目运行和打包
- 打开hbuilder,左上角-----》运行—》----运行到浏览器。
- 打开hbuilder,左上角-----》发行—》----选择版本进行打包。每天有免费打包次数(6次左右)
2.4,快速上手
3,报错
如遇见下列错误,下载微信开发者工具,并把安装的路径输入到框中。
4,uni角色权限
所有者(创建者):创建app的账号,具有所有权限(设置管理员等)
管理者:非app的创建者,拥有发行app 的权限,
普通成员:项目的参与者,无发行权限
确保自己hbuilder绑定的账号已经由所有者邀请进入项目成员中,并已经实名认证成功。
在下面链接中可以看到项目,则证明已经在项目成员中,如下图所示
点击进入
如果项目绑定的有云服务空间,还需要在云服务空间中,由云服务的所有者把你的账号添加到成员列表中。
具体步骤
5,项目关联云服务
鼠标放在项目下的云服务文件夹下,右击—》》选择关联云服务空间或项目,选择对应的云服务空间。
6,社区市场
有一个社区和一个插件市场,很多问题可以到社区提问,对于常见的组件都能到找到封装好的轮子使用,有利于快速开发。