3-4 开始制作项目启动页

第一步，先构建一个简单页面，能正常显示出来。

首先在页面的骨架在wxml中，在welcome.wxml里面写一个view标签下的text标签中写一个hello。调试，结果报错，写的

这时候可以看到报错，Thu Oct 26 2017 14:56:39 GMT+0800 (CST)  app.json 文件错误

运行官方示例项目的时候，默认直接为我们打开了一个页面。考虑一下，小程序怎么知道你要打开哪个页面呢？如果小程序要求你把打开的页面放在指定文件下面，那当然可以运行。但是像pages，welcome这些文件夹名字都是我们自己起的，那么小程序怎么知道打开哪个页面才是正确的呢？有可能我们起别的名字啊，所以需要注册的机制，要告诉小程序我们打开哪个页面。那在哪里查看这些信息呢？然后看开发环境的“关于”，就可以打开官方文档，打开“框架”-“配置”，模仿别人的pages下面json写法。在开发者文档“搜索”里面输入app.json，会在“配置”的相关官方文档如下：

pages是必备的。 其他可以有

pages

设置页面路径的，接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。

文件名不需要写文件后缀，因为框架会自动去寻找路径下.json,.js,.wxml,.wxss四个文件进行整合。

如开发目录为：

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

则需要在 app.json 中写

{"pages":["pages/index/index","pages/logs/logs"]}

那么我们就模仿这个写试一下。然后保存一下。

另外注意不要再json里面写注释。会出问题。

另外会出现以下错误：

welcome.js文件是一个空文件。对于空白的js文件，小程序有时候不会报错，但有时候就会提示这个错误。解决方式是在js文件里加入一个空白的Page函数调用：

Page({

})

不要完全是一个空白的js文件放在那里。

然后就正确显示页面内容。

细化一下效果。