最近开始学习上了微信小程序开发,网上找了一个教程来学习,结果刚开始学习就掉进了坑里。
在教程之中,新建了一个空白项目后,进去项目,根目录下新建了一个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个多小时,实在心累,分享给各个和我一样的新手,免得有人同样被坑。