[TOC]
# 1.小程序注册
> https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN
注册邮箱
```
1352787908@qq.com
```
# 2.安装开发者工具
> https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
# 3.获取appID
![](https://box.kancloud.cn/6ab144323b9a2fb0b265e82a1159e927_986x548.png)
# 4.vscode插件安装
```
minapp
小程序助手
vscode weapp api
vscode wxml
vscode-wechat
WeApp Snippets
```
# 5.如何使用
## 5.1第一步
双击打开 **微信web开发者工具**软件
![](https://box.kancloud.cn/63895839f403800b5a74a4af4346eba5_415x476.png)
## 5.2第二步
![](https://box.kancloud.cn/8bb4326658944021a4b3e9d7a2daf2a7_325x324.png)
## 5.3第三步
编写微信小程序代码的准备工作
![](https://box.kancloud.cn/1dce1dd22ceb28554fb8a2f06e2ada02_228x321.png)
**注意:文件夹名与文件名前缀保持相同**
![](https://box.kancloud.cn/67b34cd312e25f477fa8c487ca35e016_621x280.png)
![](https://box.kancloud.cn/6394874939c5d1f1a46977b4784ba708_427x288.png)
![](https://box.kancloud.cn/1068346399615ddfd40f5809ffc342ad_745x424.png)
![](https://box.kancloud.cn/5e10778199f34e6bebaa6eb0b39d2607_582x299.png)