文章目录
前言
这篇文章主要针对刚开始接触混合开发的小伙伴,全文使用uniapp框架,使用HBuilderX结合微信小程序开发工具作为开发环境。搭建一个简单的入手项目,主要是对搭建项目的流程做一个简单介绍
提示:以下是本篇文章正文内容,下面案例可供参考
一、uniapp介绍
1.uniapp做混合开发的好处:
- 不用关心适配问题,css布局使用rpx作为单位,完美避开不同分辨率适配问题。
- 多端融合,不仅可以发布到H5,还可以发布到各大平台的小程序,也支持安卓和ios原生APP
- 使用Vue.js语法开发,相对其他混合开发框架上手比较容易
2. 开发环境&IDE工具:
uniapp使用HBuilderX作为开发工具
下载地址
二、使用步骤
第一步:打开HBuilderX选择文件->新建项目->选择uniapp项目
如图
第二步:配置manifest.json文件,配置微信小程序AppID
如图
获取微信小程序AppID如图:
第三步:小程序开发工具配置服务代理,端口
第四步:点击运行->运行到小程序模拟器
第五步:点击发布->选择小程序发布
如图