【零基础】学会微信小程序开发-小程序目录结构讲解

拖更了一年多时间…… 又回来了，虽然……但是……，还是要继续写下去，这一次看看能坚持多久，废话不多说，进入主题~

上一回，我们讲解了微信小程序开发工具的基础组成部分，以及小程序demo的代码组成，接下来我们看一下小程序demo的具体代码组成

从图上我们可以看到，一个微信小程序主要包括两部分（云开发版本）：

1、cloudfunctions 云函数

云函数我们暂时先不讲，因为涉及更深层的知识，我们先由浅入深的讲解

2、miniprogram 微信小程序主体包

miniprogram这个目录下又包含了components、images、pages 这3个目录，以及几个配置文件：

1、components

组件库目录，这里通常存放一些通用的微信小程序组件（关于组件后面会进行详细说明）

2、images

图片目录，用来存放一些本地图片资源

3、pages

小程序页面存放目录，每个小程序页面通常会在pages目录下创建一个页面文件夹，里面会有4个文件

*.js文件 -- 用于实现页面控制的js脚本

*.json文件 -- 用于配置页面的一些属性，如标题名、标题样式、引入组件等

*.wxml文件 -- 用于存放页面的展示模板（可以类比html文件）

*.wxss文件 -- 用于存放页面需要渲染的样式代码

4、app.js

小程序全局js文件，用于在页面加载的时候、加载完成执行一些自定义方法，比如：检查版本更新等

5、app.wxss

小程序全局样式文件，这里定义全局样式，可以在需要的页面直接引用

6、evnList.js

小程序环境配置文件，可以配置云函数运行环境等

7、package.*.json

npm安装依赖生成的配置文件，主要描述小程序的一些基础信息以及小程序依赖的npm包

本章节，主要讲解了一个小程序的基础代码结构，下一章，我们将要开始正式开发我们的小程序了！ see you soon~