uni-app项目开发-----初级入门教程(从0到1制作打包自己的app)

uni-app项目开发-----初级入门教程(从0到1制作打包自己的app)

uni-app实现了一套代码,同时运行到多个平台。支持iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具。下面开始教你怎么从0到1。

1,你首先得有一个专业的IDE编辑器,HBuilder X 懒人必备。下载地址:https://www.dcloud.io/hbuilderx.html
在这里插入图片描述
2,下载完成以后解压,进入文件夹点击HBuilder X.exe,即可进入HBuilder X。进入以后按照指示自定义设置一下界面即可。
3,进入正题。点击左上角,文件——新建——项目——uni-app——项目名称——hello uni-app——创建

在这里插入图片描述
在这里插入图片描述
4,创建完成后,可点击上方菜单选择运行或者发行,关于运行什么的直接傻瓜式操作就行,这里主要讲一下如何发行;
本着能躺着绝对不站着的原则,我们选择云打包,按照如图选择,包名自定义,正常情况下直接打包会报这个mainfest配置错误,点击进入mainfest配置。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5,进入基础设置,主要就是这个APPID,你需要进入Dcloud开发者后台注册登录自己的账号,后台地址:https://dev.dcloud.net.cn/app/index
在这里插入图片描述
6,进入后台地址之后,在我创建的应用里会显示你当前账号创建过的项目,选择对应项目直接复制APPID到上面那个配置里,这里要注意uni-app项目如果没有显示对应的APPID,你可以在这个开发者网站里面自己随便创建一个uni-app项目,然后复制其APPID,后面打包完成后会自己修改回来的。
在这里插入图片描述
7,万事俱备,开始打包。
在这里插入图片描述
8,在这个过程中右下方会提示你安装对应打包插件,确定安装即可。最后在控制台可以看到打包成功,你的第一个app给你安排的明明白白。
在这里插入图片描述
9,第一次正常打包只会出现一个apk包,这里都是一样的,随便选择一个发到你的手机即可安装。如果你想将你的app上传到应用商店,请期待我的下次更新
在这里插入图片描述

  • 2
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值