微信小程序开发|起步-工欲善其事必先利其器

微信小程序开发|起步-工欲善其事必先利其器

工欲善其事必先利其器，下面的工具及其常用到的功能都是微信小程序的开发常用到的。

• 小程序的 AppID
• 微信公众平台-小程序
• 微信开发工具
• 小程序官方手册
• 开发编辑器

小程序的 AppID

小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

小程序注册参考
https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7

如果有认证了的服务号， 可以直接进入微信公众平台-服务号 , 关联注册小程序， 很方便，认证都直接完成了。

微信公众平台-小程序

微信公众平台网址：mp.weixin.qq.com

常用功能	介绍
管理 -> 版本管理	发布小程序
管理 -> 成员管理 -> 项目成员	添加该小程序的项目成员
管理 -> 成员管理 -> 体验成员	添加体验版本可以测试的成员
开发 -> 开发设置 -> 开发者 ID	AppID(小程序 ID) 、AppSecret(小程序密钥)
开发 -> 开发设置 -> 服务器域名	合法域名授权配置:request 合法域名、socket 合法域名、uploadFile 合法域名、downloadFile 合法域名、udp 合法域名
设置 -> 基本设置	设置包括小程序名称、小程序头像、小程序码及线下物料下载、微信认证、AppID(小程序 ID)……
设置 -> 关联设置	绑定的微信开放平台账号、关联的公众号、关联的移动应用、关联的企业微信

微信开发工具

下载地址
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

常用功能包括：模拟器、编辑器、调试器、云开发、编译、预览、真机调试、清缓存、上传（上传到体验版，在 " 微信公众平台-小程序-> 管理-> 版本管理 " 发布 ）、详情（设置 appid、项目目录……）

小程序官方手册

书看百遍其义自见！多多看看！
https://developers.weixin.qq.com/miniprogram/dev/framework/

开发编辑器

微信开发工具是可以编辑代码，但是更高效的一款开发编辑器还是需要 , 我自己用的是 vscode。（代码的调试以及效果的查看，还是得打开微信开发者工具）

介绍一下几个 vscode 插件

vscode 插件	介绍
小程序开发助手	微信小程序开发助手 for VSCode，代码提示 + 语法高亮
minappminapp	支持微信小程序标签、属性的智能补全，并且提示中包含文档内容（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）。
wechat-snippet	这个插件主要的功能就是代码辅助，代码片段自动完成，可以作为上个插件的补充。
wxml	这款插件用于将 wxml 代码进行高亮显示，并且提供代码格式化的功能，可将代码格式化为较易阅读的样式。
px to rpx	转换 px 到 rpx