微信小程序开发——之初识

1. 前言

最近突然想起来，想体验一下小程序的开发，今天就开始认识一下，小程序的开发流程，首先需要了解一些有关小程序的开发流程，以及小程序能干些什么，这些我就不用多说了，下面简单说一下开发的流程。

2. 开发流程

首先进行小程序开发的账号注册，点击这个链接，进行注册，注册界面如下：



然后下载开发工具，点击链接，进行下载，界面如下：



下载安装之后，首次登陆，需要我们使用微信去扫一扫登陆，然后打开界面，如下：



然后这里简单说一下这里包含的文件夹，以及文件夹中的文件类型，打开界面之后，会看到有两个文件夹，其中

pages

文件夹，会打开我们小程序包含的界面，如下图：



然后随便打开一个界面，可能会包含四种类型的文件，如下图：


上面的文件中，js 文件中就包含我们的事件行为，json 文件就是我们的配置文件，wxml 文件就是页面的骨架文件，也就是我们通常web 开发的html 文件，wxss 文件就是样式表，对应我们所说的css 文件。下面以app 开头的文件与前面介绍的作用相同。他描述整个应用程序，所以他没有wxml 文件。还有就是，在小程序中，文件夹的名字可以随意，但是文件夹中的文件，必须要与文件夹名称相同。比如 logs 文件夹，则里面包含的文件全部为 logs 名称。

3. 相关知识

就近关系

有关就近关系的，比如，对于一个样式，在全局的文件

app.wxss

中配置了，在页面的 wxss 文件中也配置了样式，他显示的是页面最近的样式，比如在页面中配置了样式，就显示页面中的样式，不显示全局中配置的样式。

层级关系

有关小程序开发中的文件的层级关系如下图：



首先是一级页面，可以有很多，然后时二级页面，三级页面…等等。