初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

1、官方提供的组件/接口等

可以点击进入相关组件看看效果和如何使用。

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

2、注册一个小程序的开发账号

https://mp.weixin.qq.com/wxamp/home/guide?lang=zh_CN&token=1313416074

个人只能注册个人的账号,不能注册企业的账号,个人的账号无法调用微信支付的高级接口。

2.1 获取appid

注册完小程序,可以在如下找到

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3、微信小程序开发者工具使用

3.1 安装

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3.2 创建小程序项目

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3.3 开发者工具使用功能介绍

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3.3.1 常用的菜单工具

  • 打开开发者文档

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

  • 构建npm

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

  • 控制功能窗口是否展示

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

  • 查看小程序的本地配置基本信息等

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

  • 控制模拟器的展示机型(建议选择iphone 6/7/8 )

可以切换当前模拟器页面的页面路径、页面参数、场景值等。

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3.3.2 预览开发中的小程序界面

方式一点击编译

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

方式二点击预览,出现一个二维码,用手机微信扫描即可在手机看到界面

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

3.3.3 常用的开发功能

  • 调式器可以像浏览器一样,调式小程序的页面

初始认识微信小程序开发者工具(微信小程序开发系列01)(微信小程序开发者工具介绍)

相关新闻

联系我们
联系我们
在线咨询
分享本页
返回顶部