微信web开发者工具——解决小程序新建page无反应的问题

最近开始学习上了微信小程序开发，网上找了一个教程来学习，结果刚开始学习就掉进了坑里。

在教程之中，新建了一个空白项目后，进去项目，根目录下新建了一个app.json文件，然后新建了一个pages目录，pages目录下新建了一个home目录，最后在home目录下，点击新建page，page名为home，新建之后则会自动在home目录下生成home.js,home.json,home.wxml以及home.wxss四个文件。

 

然而，然后当我在home目录下点击了新建page，输入名称之后，却没有任何反应，home目录下没有新建成功任何文件，也没有任何报错。我反复对照教程看了n遍，发现自己的操作也并没有任何问题，但这个问题却始终存在。我甚至一直以为这是软件bug，去找来了老版本开发者工具安装依旧无法解决……

 

最后，终于发现了这个坑的原因。教程之中使用的web开发者工具大概是0.17版本（如果没记错的话应该是2017年的产物），而现在都是2019年了，我使用的微信web开发者工具为1.02版本。这个新建page后会自动生成四个相应文件的操作在老版本中是可以实现的，但在目前的1.02版本中，要想实现这个自动创建功能，还得在根目录下app.json文件中创建一个pages的json数组

就像图中这样创建完json数组之后，我们再返回home目录下创建page，名为home，这样一来home.js,home.json,home.wxml以及home.wxss四个文件就自动生成了，并且还会在app.json中自动填入相关信息。

 

 

 

 

这一个坑让我掉进去了1个多小时，实在心累，分享给各个和我一样的新手，免得有人同样被坑。