初始认识微信开发者工具

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

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

初始认识微信开发者工具_第1张图片

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

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

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

2.1 获取appid

注册完小程序,可以在如下找到
初始认识微信开发者工具_第2张图片

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

3.1 安装

初始认识微信开发者工具_第3张图片

3.2 创建小程序项目

初始认识微信开发者工具_第4张图片

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

初始认识微信开发者工具_第5张图片

3.3.1 常用的菜单工具

  • 打开开发者文档

初始认识微信开发者工具_第6张图片

  • 构建npm
    初始认识微信开发者工具_第7张图片
  • 控制功能窗口是否展示
    初始认识微信开发者工具_第8张图片
  • 查看小程序的本地配置基本信息等
    初始认识微信开发者工具_第9张图片
  • 控制模拟器的展示机型(建议选择iphone 6/7/8 )

可以切换当前模拟器页面的页面路径、页面参数、场景值等。
初始认识微信开发者工具_第10张图片

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

方式一点击编译
初始认识微信开发者工具_第11张图片
方式二点击预览,出现一个二维码,用手机微信扫描即可在手机看到界面
初始认识微信开发者工具_第12张图片

3.3.3 常用的开发功能

  • 调式器可以像浏览器一样,调式小程序的页面
    初始认识微信开发者工具_第13张图片

你可能感兴趣的:(轻松掌握微信小程序开发,微信小程序,小程序,微信)