微信开发者工具官方

2020-02-05 00:24:55 baidu_38607919 阅读数 2576

因为是别的小伙伴的项目,所以,要换一个appID,可以换成自己的,HbuilderX运行在微信开发者工具,打不开,只会跳转到导入项目界面,不会打开这个项目,报错:

 

解决方法:

然后,关闭微信开发者工具,在HbuilderX重新运行项目,到微信开发者工具,即可,注意,有时不会直接打开,如果跳转到微信开发者工具导入项目界面,留意一下项目列表中是否有你要打开的项目,有就手动点击打开就可以了

2018-07-22 09:39:47 u012767761 阅读数 63239

一、微信小程序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

2019-08-31 12:49:36 hj960511 阅读数 966

问题名称:开发者工具提示代理不安全
问题描述:点击确认或者取消均无效
适用范围:开发者工具 1.02.19版本及以下 以上版本可以尝试试试

问题的原因:
首先这个问题是微信开发者工具代理的使用问题,我们要着手通过修改代理配置进行修改,其他网络教程列如修改注册表,重新安装系统、还有修改微信开发者工具配置文件的教程都是乱用药,大家千万不要尝试。

解决方法:
一、根据问题的描述进行修改,在开始选择项目界面进行设置
在这里插入图片描述
在这里插入图片描述
二、通过自己设置代理进行问题的修复
在这里插入图片描述
注:这个问题不是什么大问题 ,和注册表无关,笔者出现这个问题后 查看过注册表,根本没有其他教程所所的注册表,所以注册表不是问题,而是系统的默认代理出问题了,所以这里需要的是改变代理的模式 ,或者修复好系统的代理,希望能够帮助到大家。

2018-10-22 21:19:04 jyluwen 阅读数 1708

       之前下载了微信开发者工具,最近一直提示下载更新。因为嫌麻烦,就没有更新。结果今天微信开发者工具竟然打不开了!好吧!以后还是经常更新比较好!

  遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信开发者工具!但是下载完了以后,却发现打不上汉字,我的天呀!网上搜索还是微信开发者工具自身的bug,需要重新启动一下才可以使用。好吧,我又关了重新启动了一下,才可以正常使用。

   经验教训:1.需要经常更新微信开发者工具,别等到有了问题,如打不开,进不去编辑页面,才重新下载!会影响工作效率。不过如果是更新了,依然会出现这个问题,那就只能重新下载了!

       2.重新更新了以后,会出现打不上中文汉字的问题,只能输入英文,输入中文就会闪一下没了。解决方案:关闭微信开发者工具,再重新打开!

什么时候我写文章也能如此就好了!老话说:“读书破问卷,下笔如有神”,想来我读书还是没有读到位呀!

2020-05-07 22:36:17 Sky_for_me 阅读数 585

在使用 微信开发者工具 时,我经常会碰到忘记标签名称,这时候我都会用 代码提示 的快捷键,问题来了,微信开发者工具 的 代码提示 快捷键是 Ctrl+空格,即使按下 Ctrl+空格也没有提示,反而输入法切换了 中/英文。微信开发者工具 又不能更改 代码提示 的快捷键,在这里,我提供一种可以使用 Ctrl+空格 触发代码提示(不触发切换中英文)的方法。

1. 设置-时间和语言-添加首选的语言在这里插入图片描述

2. 搜索“美国”-选择“英语/美国”-下一步

在这里插入图片描述

3. 默认即可,直接安装

在这里插入图片描述

4. 安装后可在 语言 区域看到新添加的语言

在这里插入图片描述

5. 回到 微信开发者工具 ,按下 win+空格 切换输入法到 英语(美国)

在这里插入图片描述

6. 按下 Ctrl+空格 触发代码提示!!

在这里插入图片描述

注意:切换输入法到 英语(美国) 的时候是不能输入中文,Ctrl+Shift 切换输入法也失效,需要通过 win+空格 切换输入法。

注:微信开发者工具 1.03.2005140 版本可直接进行快捷键的更改(设置-快捷键设置)

在这里插入图片描述