uniapp快速搭建小程序项目 完整过程

先看看效果！

1. 注册小程序开发者（已注册的可以跳过）

进入官网
点击注册 -> 选择小程序 -> 填写注册信息

2. 开发工具准备

使用uniapp开发就需要用到两个工具，HBuilderX 以及 微信开发者工具。
HBuilderX的下载地址：APP开发版 HBuilderX
微信开发者工具下载地址：稳定版 Stable Build


开发工具已经准备好了，下面开始吧！

3. 创建项目

• 使用HBuilderX新建一个uniapp项目，文件 -> 新建 -> 项目
  
• 自动生成如下项目文件
  
• 浏览器打开，效果如下图
  
  

4. 配置工具环境 以及 AppID（测试版可以跳过设置APPID）

• 打开微信开发工具，开放服务端口：微信开发者工具 -> 设置 -> 安全
  
• 在Hbuilderx里设置微信开发工具安装路径，如下图：

• 设置AppID：在开发管理 -> 开发设置里面找到AppID复制 -> HBuilder X打开manifest.json -> 选择微信小程序配置 -> 粘贴刚复制的AppID即可！
  
  

5. 使用微信开发工具打开，运行如下图：

接下来就在HBuilder X里面开发 编写代码，实现自己逻辑。