• 最近刚刚学完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进行代码变,可以在官方开发工具中查看效果,从而避免出现以上问题。

    展开全文
  • 微信开发工具使用git 2018-11-16 17:09:29
    1、初始化本地仓库 ... 这一步骤相当于执行「git init」命令。 ...2、初始化完成后,我们可以看到本地的仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。 3、配置仓库信息 初...
  • 比如微信开发工具安装的位置是:C:\Program Files (x86)\Tencent\wechatdevtool cmd C:\Program Files (x86)\Tencent\wechatdevtool > .\微信开发者工具.exe --disable-gpu 原因是: 版本默认开启了gpu加速,...
  • 03-微信小程序开发和公众号开发模式的切换 04-微信小程序如何导入项目 05-不在以下request合法域名列表如何设置解决 06-模拟器、编辑器、调试器的使用 07-本地如何调试、手机测试小程序 08-公众号账号关联和管理多个...
  • 微信开发工具调试公众号 2020-01-10 11:24:31
  • 在使用 微信开发者工具 时,我经常会碰到忘记标签名称,这时候我都会用 代码提示 的快捷键,问题来了,微信开发者工具 的 代码提示 快捷键是 Ctrl+空格,即使按下 Ctrl+空格也没有提示,反而输入法切换了 中/英文。...
  • 首先下载官方最新版本开发工具 appid注册自行百度,开发者工具也有提示
  • 1、必须先下载微信web调试工具这就不多说了 2、保证手机和电脑在同一网段,手机打开无线局域网,点击所连接的网络进去后在最底部,HTTP代理选择手动,服务器设置为和本机一样的IP,端口9973 3、打开web调试工具...
  • 今天弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 微信开发者工具-调试器 2019-08-02 11:40:19
    微信开发者工具-调试器 调试器常用的 6 大功能模块有:Console、Sources、Network、Appdata、Storage、Wxml Console Console有两大功能: 1)开发者可以在此输入和调试代码  2)小程序的错误输出,会显示...
  • 微信开发工具在每次保存时自动刷新到首页,很不方便,下面是不用改动app.json,直接解决这个问题的方法。 1、点击普通编译,选择添加编译模式 2、把正在编译的页面设置为启动页 3、确定之后在编译模式中就...
  • 当你下载完wepy案例之后,发现并不能够直接导入微信开发工具中查看,出现的情况如下图所示: 我在网上找了许多解决方案,忙活了一个上午之后终于找到一个完全可以用的链接,里面写得很详细,一步步操作就可以,写...
  • 话不多说直接说方法: 找到项目的app.json文件 将下面的路径改成你需要模拟的页面路径 {  "pages":[  "pages/test2/test2", //模拟页面显示的是此路径对应的页面  "......
  • 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,所以必须...
  • ![图片说明](https://img-ask.csdn.net/upload/201910/29/1572326660_860688.png... 安装好微信开发者工具的最新稳定版,但是打开后提示这个,不知道该怎么办,电脑也重启过,软件也重装过,预发版也安装过都是这个提示
  • 微信开发者工具分支上传 2020-04-10 23:08:52
    https://www.jianshu.com/p/07fa92910b75
  • 一.环境:: ubuntu 16.04; linux 二.安装过程: 2.1 安装wine sudo apt-get install wine 2.2 安装nwjs-sdk 2.2.1 下载linux版nwjs-sdk wget ...2.2.2 解压nwjs-s...
  • 微信Web开发者工具详解 2019-05-23 19:51:08
    一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,...
  • 开发工具界面。 选择“小程序项目”中的“小程序”,再点击右侧“+”号, 出现新建项目页面。 开发者工具界面 界面大致分为7个区域: 菜单栏区域 模拟器、编程器、调试器的显示与隐藏区域 模拟器区域 编辑器...
  • 微信开发者工具测试配置 2018-05-11 17:28:10
    呐,第一次接触微信开发,搞vue也搞了好久,页面框架和后台框架和我一点关系都没有,毕竟搬砖。。。。。。。自己也菜的抠脚。既然记不住,那就记笔记吧。下面是第一次为了用开发者工具测试需要配置的内容。首先,...
1 2 3 4 5 ... 20
收藏数 24,619
精华内容 9,847