大家好！今天开始更新微信小程序专栏，欢迎大家加入，一起学习！

在了解小程序之前我们先来讨论一个话题：为什么要用微信小程序？

微信小程序的开发可以降低用户的开发成本，考虑到不同平台的兼容性，微信小程序可以满足不同的使用需求，降低程序开发成本，节省时间周期，还可以让企业利用微信的优势进行推广，简化相应流程，只需要扫描二维码即可完成。

本节学习目标：

✅了解什么是小程序

✅了解小程序开发

✅学习创建你的第一个简单小程序

✅掌握小程序的代码结构

✅了解主机环境

目录

1. 小程序介绍 1.1 官方介绍

1️⃣小程序是新开放的能力，让开发者可以快速开发小程序，小程序可以在微信内轻松接入和传播，同时提供极佳的用户体验。

1.2 百度百科

2️⃣微信小程序是一个无需下载即可使用的应用，也算是一种创新，经过近六年的发展，构建了全新的微信小程序开发环境和开发者生态。选择注册小程序->填写账号信息->开通邮箱->选择个人主体类型->注册主体信息->获取小程序（后续使用）。

2.2 安装小程序开发工具

微信开发者工具是官方推荐的开发小程序工具：

❗️下载：也可以在微信公众平台下载小程序开发工具，建议下载最新稳定版本：

❗️安装：

2.3 创建并配置小程序项目

完成上面的准备工作之后，我们就可以登录开发者工具来创建并配置项目了。

❗️流程：点击+号按钮->填写项目信息->项目创建完成->在模拟器上查看效果->在微信环境中预览项目效果。

❗️微信开发者工具展示：

3.3.1 项目结构

小程序官网建议所有小程序页面以单独的文件夹存放在一个目录中，如图：

每个页面由4个基本文件组成，分别是：

3.配置文件

JSON 是一种数据格式，在实际开发中，JSON 总是以配置文件的形式出现，小程序项目也不例外：通过不同的 .json 配置文件可以对小程序项目进行不同层次的配置。小程序中的 json 配置文件主要有四种类型：

应用程序文件

app.json是当前小程序的全局配置，包括小程序的所有页面路径、窗口外观、界面表现、底部标签等。

影响：

.json 文件

..json是项目配置文件，用于记录我们针对小程序开发工具做的个性化配置。

在：

.json 文件

微信现在开放了小程序内搜索功能，类似PC网页的SEO。.json文件用于配置小程序页面是否允许被微信收录。当开发者允许微信收录时，微信会通过爬虫对小程序页面内容进行收录。当用户的搜索关键词成功匹配到页面索引时，小程序页面便会展示在搜索结果中。

页面的 .json 配置文件

对于小程序中的每个页面，你都可以使用.json文件来配置该页面的窗口外观，页面中的配置项会覆盖app.json中相同的配置项。

如何创建新的小程序页面：在app.json->添加新页面的存储路径，小程序开发者工具可以帮我们自动创建对应的页面文件。

如何调整项目首页：只需要调整app.json->数组中页面路径的顺序即可修改项目首页，小程序会将排在第一位的页面渲染为项目首页。

3.3 WXML模板

WXML（）是一套专为小程序框架设计的标签语言，用于构建小程序页面的结构，其作用类似于网页开发中的HTML。

那么，两者有什么区别呢？

标签名称不同

属性节点不同

提供与 Vue 类似的模板语法

3.4 WXSS 风格

WXSS（）是一种用于描述WXML组件样式的样式语言，类似于网页开发中的CSS。

那么，两者有什么区别呢？

添加了 rpx 尺寸单位

提供全球和本地风格

WXSS 仅支持部分 CSS 选择器

3.5 JS逻辑交互

在小程序中我们使用.js文件来处理用户操作，比如响应用户点击，获取用户位置等。

小程序中的JS文件分为三类：

4. 小程序宿主环境内容

宿主环境是指程序运行必须的依赖环境。例如：系统和iOS系统就是两个不同的宿主环境。安卓版的微信App是无法在iOS环境下运行的。

手机微信是小程序的宿主环境，利用宿主环境提供的能力，小程序可以实现很多普通网页无法完成的功能，比如小程序调用微信提供的API，实现扫码、支付等功能。

小程序的宿主环境包括：

5. 总结

这一节我们了解了什么是小程序，为什么要用小程序，以及小程序开发的流程，同时总结了小程序的代码结构，下一节我们会详细讲解小程序的宿主环境！

本专栏学习的参考资料是黑马程序员微信小程序学习视频！