工欲善其事必先利其器,下面的工具及其常用到的功能都是微信小程序的开发常用到的。
- 小程序的 AppID
- 微信公众平台-小程序
- 微信开发工具
- 小程序官方手册
- 开发编辑器
小程序的 AppID
小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。
如果有认证了的服务号, 可以直接进入微信公众平台-服务号 , 关联注册小程序, 很方便,认证都直接完成了。
微信公众平台-小程序
微信公众平台网址: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 |
桥智科技:科技赋能梦想!专注广州、深圳和惠州小程序定制开发、APP 应用定制开发、网站开发、区块链钱包开发!