什么是微信小程序（入门）

[赵文卓]

一、什么是微信小程序

微信小程序：英文名：Wechat applet 是一种不

二、开发工具
1.小程序开发者工具
下载地址：稳定版 Stable Build | 微信开放文档 (qq.com)

下载安装好后，先要微信扫描登录。然后选择小程序项目

 

2.点击加号创建新的项目的配置（一）

 

3.点击加号创建新的项目的配置（二）

 

这样就创建好了一个小程序的项目

 

三、项目目录

                                                                                              

 

（1）pages：用于存放所有小程序页面 （2）utils：用于存放工具性质的模块（例如：格式化时间的自定义模块） （3）app.js：小程序项目的入口文件 （4）app.json：小程序项目的全局配置文件 （5）app.wxss：小程序项目的全局样式文件（在全局生效，应用到每一个页面） （6）project.config.json：项目的配置文件 （7）sitemap.json：用于配配置小程序及其页面是否允许被微信索引

页面组成结构

将小程序中不同页面以不同文件夹形式存放在pages文件夹中，例如下图所示：

                                                                                   

 

在每一个页面文件夹中，由4个基本文件组成： （1）.js文件：当前页面的脚本文件，存放页面的数据，事件处理函数等 （2）.json文件：当前页面的配置文件，配置窗口的外观、表现等 （3）.wxml文件：当前页面的模版结构文件 （4）.wxss文件：当前页面的样式表文件

JSON配置文件

JSON配置文件的作用 JSON是一种数据格式，在实际开发中，JSON总是以配置文件的形式出现。在小程序项目开发中：通过不同的json配置文件，可以对小程序项目进行不同级别的配置。

小程序项目中共有4种json配置文件，分别是：

（1）项目根目录中的app.json配置文件 app.json是当前小程序的全局配置，包括了这个小程序的所有页面路径、窗口外观、界面表现、底部tab等。app.json包括四个配置项

（1）pages：用来记录当前小程序所有页面的路径，如上图中，该小程序只有两个页面 （2）window：全局定义小程序所有页面的背景色、文字颜色等 （3）style：全局定义小程序组件所使用的样式版本。（默认使用最新的样式版本） （4）sitemapLocation：用来指明sitemap.json的位置

4.新增页面
只需要在app.json -> pages 中新增页面的存放路径，小程序开发者会自动创建对应的页面文件 eg：输入 pages/list/list，表示在页面文件夹中，创建一个list目录，在list目录中有一个list页面 注意：app.json->pages中的第一个页面为首页
 

 

[CSDN-Ada助手]

您可以前往 CSDN问答-移动开发 发布问题, 以便更快地解决您的疑问