1.3【微信小程序全栈开发课程】小程序账号注册、开发工具下载安装

忘是亡心i 2023-06-07 13:27 80阅读 0赞

#### 1、注册小程序 ####

###### （1）注册小程序账号 ######

点击下面注册地址开始注册  
[https://mp.weixin.qq.com/wxopen/waregister?action=step1][https_mp.weixin.qq.com_wxopen_waregister_action_step1]

第一步：完善账号信息，选择一个自己的邮箱注册  
第二步：进行邮箱激活，登录邮箱，点击激活链接  
第三步：用户信息登记，确认主体类型，我选择的是「个人」类型

###### （2）获取AppId ######

注册完成后，需要在首页完善一下小程序的信息~  
![format_png][]  
再点击「开发设置」，获取小程序的AppId，AppId相当于小程序的身份证号码，是小程序的唯一标识符，需要保存好，后面我们会用到  
![format_png 1][]

#### 2、下载小程序开发者工具 ####

点击下面链接，根据你的电脑选择合适的版本下载。下载安装完成后，扫码登录。[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html][https_developers.weixin.qq.com_miniprogram_dev_devtools_download.html]  
![format_png 2][]

#### 3、小程序开发者工具使用介绍 ####

###### （1）点击添加一个新项目 ######

![format_png 3][]

###### （2）我们新建的这个项目不用来实际开发，主要看一下小程序项目是什么样子，以及一些最基本的语法，所以AppID那里选择测试号就可以啦~ ######

![format_png 4][]

###### （3）微信开发者工具页面介绍 ######

新建完成后会出现下面的页面，微信小程序工具更新比较快，下面截图的时间是2019年08月，你看到的页面可能与我截图的不一样，但是应该改动不会很大。这三个部分作用如下：

*  模拟器查看效果，实际项目中经常用到。
 *  调试器看前端代码（src文件夹内）返回的参数，实际项目中经常用到。
 *  编辑器一般不用，用我们本地电脑上的sublime代码编辑器代替，后面会教大家如何安装并配置sublime代码编辑器。

![format_png 5][]

> **作者：猫宁一**  
> 95后全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习！热爱编程！  
> 可关注【猫宁一】公众号领取我所有全栈项目代码哦~
> 
> **点击查看课程目录：**[微信小程序全栈开发课程目录][Link 1]

![format_png 6][]

[https_mp.weixin.qq.com_wxopen_waregister_action_step1]: https://mp.weixin.qq.com/wxopen/waregister?action=step1
[format_png]: /images/20230601/95c0c1b3d6284e5e93508f2068233fdb.png
[format_png 1]: /images/20230601/f3b4f436eba04e269dd67814a5619411.png
[https_developers.weixin.qq.com_miniprogram_dev_devtools_download.html]: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
[format_png 2]: /images/20230601/9d41b1ca696b40b796b7cbb942602d9d.png
[format_png 3]: /images/20230601/b62ae54c5d34461d9eca82b08fe815a5.png
[format_png 4]: /images/20230601/fea91f0c320a42de8e24a3c0743ec7f8.png
[format_png 5]: /images/20230601/3c9db28d88eb4a30a15a523e845db117.png
[Link 1]: https://blog.csdn.net/shine_a/article/details/102566724
[format_png 6]: /images/20230601/d06de3ed76cb4b5e8bdc98e9e4e0cc12.png