注册小程序账号

在小程序官网注册

https://mp.weixin.qq.com/wxopen/waregister?action=step1

·注册过微信公众号的邮箱,不能再注册微信小程序账号

·注册成功后,在后台,获取小程序的AppID

·设置->基本设置->账号信息

微信小程序基础 - 图1

搭建开发环境

去小程序官网,下载微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序基础 - 图2

初始化小程序

微信小程序基础 - 图3

·项目名称:自定义

·目录:设置本地空目录(用来存储初始化后的小程序代码)

·AppID: 登录小程序后台查看(设置->基本设置->账号信息)

·开发模式:小程序

·后台服务:不使用云服务

·语法:JavaScript

3.进入项目后,熟悉微信开发者工具

模拟器:模拟小程序项目在真机上的运行效果

编辑器:修改/添加项目结构和代码

代码目录

代码编辑窗口

调试器:调试JavaScript逻辑,调试CSS样式等

Wxml:查看页面标签结构,调试CSS样式

Console:测试Javascript代码

Sources:添加断点/断点调试

报错:当前开发者未绑定此appid.请到小程序管理

解决:1.确保你使用的是小程序的appid(而不是微信公众号的appid)

2.去小程序管理后台绑定开发者(如第一步已解决,请忽略第二步)

微信小程序基础 - 图4

微信小程序基础 - 图5