开发者工具,小程序,怎么用?
,你打算用这个写一个小程序吗?还是别人给你写了代码包,你就上传了?如果你想编码一个小程序,开发者工具会自动生成一个框架,你只需要在这个框架上进行二次开发。要打开开发者工具,你必须是小程序的管理员,为小程序写代码,扫码,登录。进入后,选择小程序。之后会有三个框让你填写开发者工具,包括项目目录,appid,项目名称。只需在目录中创建一个空白文件。appID是小程序的appID,随便填项目名。最好填写小程序名称,以便区分。这些完成后,开发者工具会自动生成小程序的框架。可以在原框架内做二次编程,所以我赢了关于这个我不能说太多,它的大小在2M境内。如果你上传了一个代码包,这和上面的步骤是一样的。在项目目录中选择您的代码包,单击OK,然后预览它。没有问题。上传就行了,然后在小程序后台提交审核。如果代码是开发者给你开发的,他会给你一个背景。只需要登录第三方就可以添加模块和编辑信息。
小程序代码怎么在开发者工具中打开?
开发者工具有三个模块。小程序模拟器,小程序编辑器,小程序调试器。每个模块都有不同的功能。调试器的功能类似于浏览器中页面的review元素。我们可以在元素模式框中修改属性,可以看到页面相关属性的变化,找到相关的页面样式文件。小程序开发工具的调试器也是这样的。
开发者工具-
调试器
调试器分为六个功能模块:Wxml、控制台、源代码、网络、Appdata和存储。
Wxml
Wxml用于帮助开发者开发Wxml转换后的界面。在这里,您可以看到真正的页面结构及其相应的wxss属性。同时,通过修改相应的wxss属性,可以在模拟器中实时看到修改情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的wxml代码。
来源
Sources用于显示当前项目的脚本文件。与浏览器开发不同,小程序框架会编译脚本文件,所以开发者在源码中看到的文件都是经过处理的脚本文件,开发者的代码将被包装在define函数中,对于页面代码,最后会有一个require的主动调用。
网络
Netwrok用于观察和显示请求和套接字请求。
Appdata
Appdata用于实时显示当前项目当前时刻appdata的具体数据。反馈项目数据。你可以在这里编辑数据,并及时反馈到界面。
储存;储备
存储用于显示当前项目或未来数据存储的使用情况。
安慰
控制台有两个功能:
开发人员可以在这里输入和调试代码。
此处将显示小程序的错误输出。