微信开发者工具里面的文件_微信开发者工具里面app.json文件是干嘛用的 - CSDN
  • 最近刚刚学完JavaScript的基本知识,忍不住也开始尝试一下微信小程序开发,对于官方提供的微信web开发者工具也是信心十足,但是实际操作中还是遇到了一些坑,对于像我一样的一个初学者,比如在该工具中创建项目后,...

    从9月份微信小程序横空出世到现在的将近三个月,虽然尚未全面开放,却已红透大半边天,网友们贡献的各种资源教程也喷涌而出。

    最近刚刚学完JavaScript的基本知识,忍不住也开始尝试一下微信小程序开发,对于官方提供的微信web开发者工具也是信心十足,但是实际操作中还是遇到了一些坑,对于像我一样的一个初学者,比如在该工具中创建项目后,存放各个页面的文件夹默认为pages,但是想把它改成其他名字,结果会出现不同的问题,下面分享自己是如何爬这个坑的,懂得的大神请忽略。

    首先,现在下来最新的开发工具微信web开发者工具v0.11.112301,打开新建一个快速启动项目test,稍微改一下页面内容,只保留logs页面,效果和文件树如下所示:


    由于某种原因,现在我需要更改pages文件夹名称,当然app.json里面对应的页面路径也要同步更改。

    1,先更改文件树文件夹名称为pagestest,移开鼠标焦点点击空白处(此处若不移开鼠标焦点直接保存结果不会改变),保存(会出现报错一次),再更改app.json中的页面路径为"pagestest/logs/logs" 保存,显示效果正常为;

    2,先更改app.json中的页面路径为"pagestest /logs/logs" 保存,页面显示pagestest/logs/logs.wxml,再更改文件树种的文件夹名称为pagestest保存,此时pagestest文件夹中又出现了另外一个文件夹pages,而且显示仍然是pagestest/logs/logs.wxml,而这个pages文件夹中也有一个logs文件夹,与原文件夹内容一样。

    删除这个后来生成的pages文件夹,保存,此时的页面才显示出Hello World。有时删除pages后还不能正常显示,需要进入logs的wxml页面置入鼠标焦点,无需改变内容,保存一下即可。

    另外,自己在尝试时也遇到过其他的情况:

    1.生成的多余的页面文件夹也可能在于app.js同一层的位置;

    2.更改后页面内容还是不能正常显示,这时进入wxml文件看一下内容,发现原本的文件内容变成了路径,所以删除文件后来生成的文件之前先看一下页面内容是否还存在。

     

    综上所述,微信官方的开发者工具在用户体验上还是存在这个欠缺的,期待官方后面版本的更加人性化,

    对于出现诸如以上问题,除了按方法1更改之外,当然一次性建好页面文件夹名称不再更改是最好的办法,如何无法确定后面是否需要更改,则可以用第三方编辑器比如sublime text进行代码变,可以在官方开发工具中查看效果,从而避免出现以上问题。

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

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

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

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

    展开全文
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...

    由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

    第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

     

    第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

     

    第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

     

    如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

    办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

     

    办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

     

    方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

     

    如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

    办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

    展开全文
  • 二、在微信开发者工具中配置Git,并实现文件上传。 1.点击开发者工具右上角的【版本管理】,初始化本地仓库。 2,点击设置,添加远程仓库信息和网络认证 3.抓取Git仓库,达到和开发者工具配置的远程...

    微信开发者工具集成git,实现多人协调开发,下面就拿GitHub举例,一一说明。

    一、在GitHub创建远程仓库。这里忽略,网上很多。

     

    二、在微信开发者工具中配置Git,并实现文件上传。

    1.点击开发者工具右上角的【版本管理】,初始化本地仓库。

    2,点击设置,添加远程仓库信息和网络认证

     

     3.抓取Git仓库,达到和开发者工具配置的远程仓库同步 

    点确认后,就会在【远程】中显示所拉取的源代码,即:

    4.接下来将本地master提交的东西进行HEAD重置一下,然后工作区就会出现文件了,首先填写这次提交的信息,填写完成推送到远程

     

    大功告成,集成完毕。 

    展开全文
  • 1.先在微信开放文档里面找到–扩展能力—搜索组件—searchbar,进行复制到微信开发者工具中。 2.在js中的data里面定义一个新的数组arr。 3.接着再js中找到search方法. 4.利用wx.request查找数据,success成功之后...
  • 本人最近在搞微信小程序开发,就碰到运行到微信开发者工具无法启动的问题,上网去查了一些博客,问题得到了解决。 如果有和一些作者的内容有相似的地方请见谅【抱拳】...5.然后在运行配置里面设置微信开发者工具的路径
  • 等着把代码从微信开发者工具导进去就好了 2、开发者工具初始化本地仓库 打开微信开发者工具想要共同开发的那个项目,点击版本管理,点击弹出的框中的确定,就可以初始化完毕了。 3、连接gitee仓库和微信开发者工具 ...
  • 2.(不想重启时)在任务管理器中结束微信开发者工具的所有进程,然后以管理者身份运行,等待差不多有一分钟(期间任务管理器中的微信开发者工具的进程不断变化)打开成功。 上周微信开发者工具一直没有办法...
  • 确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。 1、打开Git Bash 克隆小程序项目。克隆完成后。 2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。...
  • 就在2019年10月6日下午,我安装了微信开发者工具,初次安装可以正常使用,但我这个人脑缺,用于主要用于开发微信小程序,我打开了公众号网页的制作,之后不知道怎么返回首页,就卸载了,对,卸载了。。。本来想卸载...
  • 运行uni-app在微信开发者工具
  • 在C盘搜索WeappLocalData这个文件,我这里的路径为: C:\Users\Administrator\AppData\Local\微信开发者工具\User Data\1a695ca2de1a85735f93a43fb366c83f\WeappLocalData , 在这里新建一个文件 localstorage_b72da...
  • 打开最新版本微信开发者工具一直黑屏,要怎么解决?简单又有效,黑屏问题麻烦打开C:\\users\\<>\\AppData\\Local\\微信开发者工具\\user data\\WeappLocalData 放置这个文件就可以了,其他系统目录名称大致一样的。
  • 解决微信开发者工具”当前系统代理不是安全代理” . 故障1) 你有设置开启代理吗? 如果不需要,你点左上角的“代理”选项,关闭代理即可 故障2) 使用emedit工具,点击搜索,在文件中查找 在微信开发者工具的...
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 这是工程在webStorm上开发好后迁移到微信开发者工具时出现的错误,这个出现的原因不清楚,但是我有一个解决办法,但是应该只限于解决是在微信开发者工具提供的打飞机的项目基础上开发的(因为打飞机的项目入口文件是...
  • 然后我们还研究学习了微信开发者工具的用法,关于.js/.json/.wxml/.wxss这四种文件的用法介绍。还有其中一些页面的创建、代码的编辑调试等功能。今天的主要工作就是学习微信开发者工具的使用。明日计划将具体进行...
  • 微信开发者工具的快捷键
  • 刚开始搞微信小程序开发,安装完微信开发者工具后一直打不开,或者黑屏、透明。 尝试过: 1、重启电脑、卸载重装、64位换32位; 2、更换安装路径等网上找到的解决办法 但是都没有解决 最终解决办法: C:\\...
  • 本人觉得微信微信开发者工具快捷键太low了为什么就不像其他编辑器学习呢,难受的要死,开一个编辑器还得把微信开发者工具打开,他特么麻烦了,支持的赞一个
1 2 3 4 5 ... 20
收藏数 36,748
精华内容 14,699
关键字:

微信开发者工具里面的文件