• 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,所以必须...

    一、微信小程序web开发工具下载地址

     

    1.1 在微信公众平台-小程序里边去下载开发工具下载地址

    1.2 下载后安装一下就可以使用了:

    二、创建项目

     

    2.1 微信小程序web开发工具需要扫码登陆,所以必须先绑定开发者才可以:

     

    2.2 已经绑定的开发者可以创建项目,需要填写AppID、项目名称、本地开发目录。

     

     

    AppID需要去设置里边获取,如果不填的话官方给的提示是部分功能受限:

     

     

     

    三、开发工具界面介绍:

     

     

     

    1. 编辑:开发的时候,需要到编辑区去写代码 

    2. 调试:开发完需要调试程序的时候需要切换到这个区域,调试区有很多工具可供使用。

    3. 项目:在这里可以上传或者预览项目

    4. 编译:就相当于运行项目的意思

    5. 关闭:关闭当前工程

    6. 微信小程序web开发工具提供实时预览的功能,界面的效果会在这个区域显示

    7. 这个区域可以看到整个项目的文档目录结构

    8. 这个区域是编码区

    9. 这里是选择屏幕尺寸的地方

    10. 模拟网络环境:2G/3G/4G/WiFi

     

     

     

    四、调试区六大工具介绍:

     

    在调试区开发工具提供了6种调试模式:

     

    4.1 Console

    Console的意思是控制台,做过开发的都知道几乎每个IDE都会有控制台,可以显示错误信息和打印变量的信息等。

     

    4.2 Sources

    Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。

    Source下边还有一个区域,做过软件开发的都知道,一般下边是控制台会显示一些log信息、断电调试等等。

     

    4.3 Network

    Network顾名思义:这个区域显示的是与网络相关的信息,我这里暂时没有进行网络请求。

     

    4.4 Storage

    官方的解释是显示当前项目的使用wx.setStorage或者wx.setStorageSync后的数据存储情况。这个后续用到再慢慢研究

     

    4.5 AppData

    AppData是显示当前项目显示的具体数据,可以在这里编译,并且会在页面实时显示。

     

    4.6 Wxml

     

    Wxml调试区:把他的名字换一下的话大家就好理解了,其实他的实质就是HTML+CSS,微信只是把HTML改成了Wxml而已。学过HTML的人一看就明白,左侧的区域是HTML语言+CSS的一些标签属性。右侧可以便捷的设置CSS的属性。

     

     

    转自:http://lib.csdn.NET/article/5/52864?knId=1796#focustext

    展开全文
  • 在使用 微信开发者工具 时,我经常会碰到忘记标签名称,这时候我都会用 代码提示 的快捷键,问题来了,微信开发者工具 的 代码提示 快捷键是 Ctrl+空格,即使按下 Ctrl+空格也没有提示,反而输入法切换了 中/英文。...
  • 微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的, 因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下: 微信小程序前端与后台交互的时候使用的是request请求,...
  • 微信Web开发者工具详解 2019-05-23 19:51:08
    一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,...
  • 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,所以必须...
  • 为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。 使用公众号网页调试,开发者可以调试...
  • 微信公众号开发阶段,服务器收到用户发送来的消息之后,会返回给用户一个文本消息,但是返回时却不能正确返回,下面以地理位置消息收发为例说明。 最初我的编码方式如下: if recMsg.MsgType == 'location': ...
  • 1.servlet中设置request和response编码 request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); 2.解析xml字符串时需要设置编码 public static Map parseXml(String xmlStr) throws ...
  • 遇到问题:demo clone下来之后如何在微信开发者工具中打开解决:1.打开微信开发者工具2.管理项目,新增3.在项目目录中选择你要打开的小程序demo,AppID可以选择无ID,项目名称要和你打开的文件同名4.打开之后大概是...
  • 微信官方的wxsample.php可以验证,而用thinkphp写的代码提示这个错误,其中一种可能是文件编码带了BOM,用notepad++等工具编码改为utf8无BOM格式即可解决此问题
  • 使用vscode开发微信小程序 2020-02-11 19:51:15
    提高微信小程序的开发效率 前言: 近期开始学习微信小程序,用了自带的开发者工具,泪目~ ...微信开发者工具出现莫名的卡顿,经常重启让人十分懊恼 等等等~~~~~~ 原始的界面工具 所以在这像各位安利一款编辑...
  • 所以很多网站都支持用微信账号登录,那么接下来就来看看如何当用户通过微信访问我们的链接时,我们如何获取到该用户的微信公开资料,以及如何用eclipse 远程调试代码。 (本文的前提是有一个可以在阿里云上运行的web...
  •  首先,我们约定使用的软件有微信开发者工具(此软件不用于代码的编写,虽然它也可以进行代码的编写,但我们就是不用),phpstorm,这个才是我们进行代码编写的利器,在编码好代码后,按ctrl+s进行代码的保存的时候,...
  • 后者提到了如何获取含有源码的程序包 wxapkg ,以及使其能够在微信开发者工具中具体步骤(见参考链接1)。当时我在对其他微信小程序应用进行尝试的时候发现,他们不同于小游戏,解包后的文件并不能通过简单增改就直接在...
  • 因业务需要,要求开发小程序语音识别功能。最后花了四天时间终于把这个坑给爬出来了。 一、微信开发者工具坑 ...本来mp3格式我认为是能够直接播放的,当我用从 微信开发者工具 上录的音上传( wx.uploadFi...
  • 相信做过微信小程序的都知道,官方给出的微信web开发工具上根本就无法加载node_modules包,即使可以加载,node_modules动辄几十M的大小,小程序的代码限制在1M以内,微信小程序的三个不足: 1无法调用npm包 2无法...
  • 看来微信开发者工具的json文件的编码或其他与普通的json文件还是有出入的。。。 小伙伴们以后创json的时候可以考虑用其他的编辑器, 然后拖进自己的项目里, 之后用微信开发者工具调试的时候...
1 2 3 4 5 ... 20
收藏数 11,820
精华内容 4,728