微信小程序开发者工具简介
微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。
微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。
启动工具时，开发者需要使用已在后台绑定成功的微信号扫描二维码登录，后续所有的操作都会基于这个微信的帐号
程序调试主要有三大功能区：模拟器、调试工具和小程序操作区
模拟器
模拟器模拟微信小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。
调试工具
调试工具分为 6 大功能模块：Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel
Wxml Pannel 用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，同时可以通过修改对应 wxss 属性，在模拟器中实时看到修改的情况。通过调试模块左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。
Sources Pannel 用于显示当前项目的脚本文件，同浏览器开发不同，微信小程序框架会对脚本文件进行编译的工作，所以在 Sources Pannel 中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define 函数中，并且对于 Page 代码，在尾部会有 require 的主动调用。Netwrok Pannle 用于观察和显示 request 和 socket 的请求情况。Appdata Pannel 用于显示当前项目当前时刻 appdata 具体数据，实时地反馈项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。Storage Pannel 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。Console Pannel 有两大功能：开发者可以在此输入和调试代码以及微信小程序的错误输出。
小程序操作区
微信小程序操作区帮助开发者模拟一些客户端的环境操作。例如当用户从微信小程序中回到聊天窗口，会触发一个微信小程序被设置为后台的api。
点击预览功能，工具会自动编译和构建代码，并生成代码包上传到微信服务器，成功后将会显示一个二维码，开发者用新版微信扫描二维码即可在手机上看到相应项目的真实表现。
请观看小程序视频教程了解详情，更多资讯请关注小程序开发教程
微信小程序开发者工具简介相关推荐
- 微信小程序开发者工具的使用
微信小程序开发者工具的使用:登录自己的微信小程序页面,找到工具,下载微信开发者工具.下载好后,扫码登录自己的小程序.在登录的过程中,需要输入自己的小程序的appid.登录好之后就会显示这样的一个页面. ...
- 微信开发者工具无法选择预览和真机调试_小程序开发 第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具 使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可 小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
- 微信小程序开发者工具真机调试和预览连接本地服务器
微信小程序开发者工具真机调试连接本地服务器 网上参考了很多方法只有这个方法能解决本地服务器在微信开发者工具预览或者真机调试的连接,话不多说看图. 第一步 win+R,CMD输入ipconfig查看本地 ...
- 【HbuilderX+微信小程序开发者工具解决报错问题】
第2节 uni-app的环境搭建并创建项目运行 正确的配置运行终端 获取小程序appid的方法 微信小程序的配置错误导致的问题 问题描述 问题原因 解决方法函数在远端server运行的解决方案
- oracle中常见ck和fk是什么,Oracle常用知识总结
- fatal: No configured push destination
- SCGHR_存储过程（eSP_IDChangeStart）_政治面貌为什么不能正确更新
- linux mq发送测试消息,WebSphere MQ测试常用指令
- C#多线程函数如何传参数和返回值
- 使用 CliWrap 让C#中的命令行交互举重若轻
- 区县政府网站群建设新思路
- 好看的极简网站导航源码自适应静态页
- 用集合实现二分（折半）查找
- “遗留代码是传奇！”
- ajax请求携带tooken_当ajax碰到token的时候
- React入门---组件-4
- Bridge（桥接）-对象结构型模式
- selenium打开网址
- linux版wps系统缺失字体,ubuntu wps 字体缺失的解决方法
- shell 值判断，大于0，等于0，小于0，大于等于0，小于等于0，不等于0
- 杰奇小说系统百度地图生成插件
- 第三周《java语言程序设计——面向对象入门》学习总结