微信小程序--开发者工具

àì夳堔傛蜴生んèń 2021-10-23 19:38 443阅读 0赞

## 微信小程序–开发者工具 ##

**俗话说的好：欲先利其事，必先利其器。我们开发人员也是一样，要想敲出更好更快的代码，首先是找一个好的开发工具；开发微信小程序也是如此，微信小程序有个专门的开发工具—微信开发者工具**

## 下载： ##

下载传送门：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

可选择适合自己操作系统的版本进行下载

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]

**申请账号**

下载安装完成以后，需要在微信公众号官网申请一个AppID账号，用来开发微信小程序

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]  
**新建并导入项目（项目路径+项目名称+AppID）**

选择小程序项目开发  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]  
点击右下角的‘+’号，进行新建小程序项目

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 3]  
导入小程序程序包的目录路径，填写AppID（若程序包中有相关设置，此ID也可在导入程序目录后自动填充）、项目名称，然后点击【确定】

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 4]

**预览和调试小程序**

小程序代码的调试，以及在手机端预览小程序

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 5]点击微信Web开发者工具右上角的【预览】，工具提示“正在编译JS文件”，稍等一会儿就可编译完成并展示出二维码，此时用已授权的微信扫描此二维码（每次编译的二维码有效期大概20多min），即可在手机端微信上预览小程序的实际效果

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 6]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]: /images/20211023/f0dffc8b411c4c04963f247372c4a2e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]: /images/20211023/8517f98bc3e14471a491c2eb928c3992.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]: /images/20211023/f250a72b2bc7459b809ad0db0384227d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 3]: /images/20211023/9bac1d1226e141c19be93785db47372b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 4]: /images/20211023/80bd394d49ee449e9a695c029a4131c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 5]: /images/20211023/b22b065dac1644ed8cbd78edad9e280d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 6]: /images/20211023/c28055d9636849358d8e4e46265f4cc7.png