本文已参与「新人创作礼」活动，一起开启掘金创作之路

好久不见哇，大家的小程序id都注册好了么，现在我们开始第一个项目吧，先试试手咯，我们一起认识一下下这个小程序的页面组成。

小程序入门

一：新建一个项目

• 填写好appid，然后选择好文件路径起好文件名字就可以开始编写自己的项目啦！
• 如果我们首篇没有看的话，可以选择暂时不注册appid直接使用测试号。 像这样：

二：文件目录及文件

进入界面

小程序的重要配置文件：

• app.js 是 小程序逻辑
• app.json 是 小程序公共配置，可以添加文件，做一些页面配置
• app.wxss 程序公共样式表 就和我们的css公共样式差不多

pages文件夹。

一般logs文件我们用不到log.js 为 log页面逻辑，logs.json : logs页面配置，此处会覆盖 app.json 中window 设置，也就是说可以设置windows 在设置的属性，一般用不上，可以直接删掉。 进入index打开会看到4个文件分别是：

• js 是 页面逻辑
• wxml 是 页面结构
• json 是页面配置
• wxss是页面样式表

三：程序架构

一般components页面是放组件的，就是一些公共的模块，images放图片，pages里面放你写的页面，util里面可以放一些网络配置， 至于pages页面里面的四种文件：

• index.wxml，必须，页面的结构文件，类似于HTML文档
• index.wxss，非必须，页面的样式表文件，类似于CSS文档
• index.js，必须，页面的逻辑文件，类似于js文档
• index.json，非必须，页面的配置文件（例如页面是否允许下拉刷新、等待icon样式等等）

今天的内容到这里就讲完啦，大家有什么想法可以提出来哦，下一篇我将带领大家复刻一个有趣的小程序。敬请期待哦！