width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/3H-xZQAB4O8.mp4" allowfullscreen="">

注册小程序账号，获取AppID

要在手机微信上运行测试小程序，必须获取AppID。我们需要注册并登陆 （目前，微信公众平台的账号共有四个类型： 服务号，订阅号，小程序和企业微信）。打开页面点击右上角的 立即注册 即可开始注册流程。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VgUu9N8Odas.mp4" allowfullscreen="">


在注册过程中，你需要进行接受邮件，输入姓名，身份证号码，微信扫码等实名验证步骤。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VUReLgFf9FU.mp4" allowfullscreen="">


注册完成，进入账号，点击页面左侧最下方的设置，选择开发设置，就可以看到你的 AppID了！

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/VkjQp4SZ7Lk.mp4" allowfullscreen="">


下载并安装开发者工具

你可以在 这个页面 下载小程序开发者工具。你需要基于你的操作系统来选择对应的开发工具。Windows 下分为 64 位和 32 位两个版本，MacOS 下只有一个版本，其它操作系统下暂时未提供开发工具。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/zQldfuyrvVU.mp4" allowfullscreen="">


创建项目

第一次打开开发者工具，你需要用微信扫码登陆。扫码确认登陆后，就可以选择 小程序项目 或 公众号网页项目了。 我们选择 小程序项目 来创建项目。创建项目时，我们需要填入 项目目录， AppID 和 项目名称。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/W1CjHya4kDE.mp4" allowfullscreen="">


我们先来创建全新的项目:

  • 项目目录：选择一个空文件夹
  • AppID： 填入你的 AppID
  • 项目名称：可以任意填写，例如 weather
  • 勾选 建立普通快速启动模版
  • 点击 确定

我们刚刚建立了一个全新的小程序项目！

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/UB8Yh3RsQog.mp4" allowfullscreen=""

>

在模拟器和手机中运行项目

开发工具中包括模拟器，编辑器和调试器。你可以在工具栏中打开或关闭这些窗口。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/baHNzO3SaaM.mp4" allowfullscreen="">


点击窗口上方中间位置的 编译 按钮，就可以在模拟器中运行了。你可以点击 获取头像昵称 按钮并允许授权，获取自己的头像和昵称。点击头像图片，还可以进入日志页面。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/aDhZQ-xuAoA.mp4" allowfullscreen="">


如果要在手机微信上运行小程序，则编译右侧的 预览 按钮，生成二维码。用手机微信扫描二维码就可以在微信中运行了。

width="560" height="315" src="https://s3.cn-north-1.amazonaws.com.cn/u-vid-hd/_ywVu9UoTRo.mp4" allowfullscreen="">


小程序模拟器 不触发enablePulldownRefresh 模拟器打开小程序_微信