上一节我们介绍了“调试器”各个栏目的用法，这一节我们将正式启动项目，想想是不是有点小激动呢😂
话不多说，搞起~~~~~~
首页我们新建好一个名为“SMDemo”的项目，选择测试appID，之后保存到桌面上的目录，成功打开，如下图
image.png
你会发现项目有了默认的模板，那么就给大家介绍一下项目模板的框架（空项目的话，大家逐个删掉对应的页面文件夹，并修改app.json里的pages的文件索引即可，这里不做过多介绍）
【index】
项目启动默认的初始页面
【logs】
logs页面
主要介绍app.json，app的框架文件（为什么app的文件缺少一个.wxml的文件，是因为项目的框架没有默认的页面，必须要在app.json中配置首个出现并显示的页面，如下图）
app.json
用于配置项目的全局参数和框架等等，如下图中的代码
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
}
不难看出pages中有两个页面的路径，即代表在此项目中存在两个页面“index”、“logs”。而index页面放在首个位置，即代表app启动显示的第一个页面为index页面。
如果我们项目中需要新建新的页面(test)的话，那么需要创建此页面的文件夹(test)，并在文件夹(test)下面，新建四个文件“test.xml”、“test.json”、“test.js”、“test.wxss”。并将“test.xml”所在的路径，添加进app.json中的pages中
image.png
PS:大家是不是会觉得创建一个新的页面是不是很麻烦，需要创建这个文件夹，还需要在此目录下创建4个文件，最后再把文件的索引添加进pages中，那么我们是不是有简单的方法，能一步到位地解决呢
解决办法
我们跳过创建的过程，直接在app.json的pages中，添加新的页面路径，然后我们再编译项目，你会发现是如此的简单。
编译前的项目结构
编译之后 ----
编译后的项目结构
是不是很快捷地就出来了呢。没错，以后我们都可以采取此种类型的方法，注意“pages/test1/test1”,不是一定非要这么写，你也可以写成“demo/demo/demo”那么会在新的路径下创建此页面文件，我们编译下看看
编译前
编译----
编译后
路径自己来决定。
下面介绍下：
app.json中的window参数
{
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
}
具体的参数 我们可以去查看微信的api文档，这里就不做介绍了
传送门：api文档
image.png
app.wxss
app的整体框架的样式配置
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
添加如下参数的话，如果在之后的页面中，没有对指定的text标签设置字体大小的话， 那么则会显示默认的22rpx的大小
text{
font-size: 22rpx;
}
app.js
onLaunch: function () {
项目的启动函数，项目在启动的时候，会触发此方法，有且只有一次。
项目的模板大致介绍清楚了 ，下一节我们学习：
网友评论