文章目录

• 前言
• 一、uniapp介绍
• • 1.uniapp做混合开发的好处：
  • 2. 开发环境&IDE工具：
• 二、使用步骤
• • 第一步：打开HBuilderX选择文件->新建项目->选择uniapp项目
  • 第二步：配置manifest.json文件，配置微信小程序AppID
  • 第三步：小程序开发工具配置服务代理，端口
  • 第四步：点击运行->运行到小程序模拟器
  • 第五步：点击发布->选择小程序发布
  • 第六步：小程序开发工具中填写对应的信息->上传->公众平台上提交审核

---

前言

这篇文章主要针对刚开始接触混合开发的小伙伴，全文使用uniapp框架，使用HBuilderX结合微信小程序开发工具作为开发环境。搭建一个简单的入手项目，主要是对搭建项目的流程做一个简单介绍

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、uniapp介绍

1.uniapp做混合开发的好处：

1. 不用关心适配问题，css布局使用rpx作为单位，完美避开不同分辨率适配问题。
2. 多端融合，不仅可以发布到H5，还可以发布到各大平台的小程序，也支持安卓和ios原生APP
3. 使用Vue.js语法开发，相对其他混合开发框架上手比较容易

2. 开发环境&IDE工具：

uniapp使用HBuilderX作为开发工具
下载地址

二、使用步骤

第一步：打开HBuilderX选择文件->新建项目->选择uniapp项目

如图

第二步：配置manifest.json文件，配置微信小程序AppID

如图

获取微信小程序AppID如图：

第三步：小程序开发工具配置服务代理，端口

第四步：点击运行->运行到小程序模拟器

第五步：点击发布->选择小程序发布

如图

第六步：小程序开发工具中填写对应的信息->上传->公众平台上提交审核