第一步，先构建一个简单页面，能正常显示出来。
首先在页面的骨架在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文件放在那里。
然后就正确显示页面内容。
细化一下效果。
网友评论