uniApp的学习开发小程序(一)小程序基础搭建和基础部署

1、安装编辑器HBuilder X及插件

下载 HBuilderX 开发工具
新版本下载:https://www.dcloud.io/hbuilderx.html HBuilderX
历史版本下载地址: https://ask.dcloud.net.cn/article/37302
安装插件
点击工具—>插件安装
在这里插入图片描述

点击安装新插件安装下面插件
在这里插入图片描述
如果里面没有则点击下面前往插件市场安装
在这里插入图片描述
安装SCSS插件
在这里插入图片描述

2、新建一个项目

在这里插入图片描述
新建一个uni-app项目,自定义项目名字和项目地址,暂且使用默认模板,确认好后,创建项目
在这里插入图片描述

3、将默认项目部署到安卓手机上

1、将手机通过USB线连接电脑,(百度打开手机开发者模式,将USB数据传输允许)
2、安装360手机助手(可以显示安装详情)
3、点击HBuilderX运行
在这里插入图片描述
4、手机接收并安装就行了
内容就是Hbuilder里面的内容

在这里插入图片描述

4、将项目打包到微信小程序

1、注册一个微信程序开发者账号微信小程序注册
选个体户注册
在这里插入图片描述
2、拿到开发者的AppID值
在这里插入图片描述
3、安装微信开发者工具
在微信公众平台点击小程序,点击查看详情
在这里插入图片描述

在开发者工具中找到微信开发者工具
微信开发者工具下载
在这里插入图片描述
4、用注册的微信小程序的管理员,扫码登录微信小程序开发工具
在这里插入图片描述

5、在设置中开放服务端口
在这里插入图片描述
6、点击HBuilderX运行微信小程序

在这里插入图片描述
7、配置基础项目的微信小程序的AppID
在这里插入图片描述
8、配置微信开发者工具的AppID(从第二步获取的)
在这里插入图片描述
9、预览微信小程序
点击预览手机扫描二维码预览,微信查看小程序,
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值