---

前言

随着移动端不断地发展，小程序越来越多，是前端不可缺少的技能了哦！这里将我对小程序的理解，简单的分享给大家，也可以让刚学小程序的朋友，快速上手！????

---

提示：这里以微信小程序为例，其他小程序都差不多！

一、小程序是什么？

小程序是一种不用下载就能使用的应用，效果和App差不多，语法和vue也很像，可以很快的上手

二、小程序的安装与使用

安装：

PS：创建过程中，会有很多提示和登录啥的微信相关操作，顺着它的来就行

1. 首先在微信公众平台上，根据他的要求将注册登录一顿操作弄好

2. 下载一个微信开发者工具(可自己百度找，也可在微信公众平台找)

3. 打开开发者工具，选中小程序->+添加：
   
   （填上你的项目名称，选好目录和是否使用云服务，（ps:如果自己练手的话就选择不使用云服务！））
   这个时候你就会问AppID咋整啊？不急

4. 打开微信公众平台——>点击右边栏的开发管理——>选中开发设置
   （此时，按照他的要求一波操作后，你就能够看到你的AppID啦！把他复制到开发工具AppID的位置后，点击创建即可！！）

5. 这个时候你就得到了你的一个基本的小程序项目了
   

三、小程序的代码构成(主要文件配置)

1.JSON

小程序中的JSON文件相当于静态资源文件，他又分为了几个类型

• app.json：全局配置（有全局路径：pages，界面表现：window…)
• project.config.json：工具配置（相当于vue的package.json）
• index.json：每一个小页面的配置（index这个名字不定，这只是一个小页面的名字）

2.WXML

相当于html文件，但是有一些标签和语法不一样（这些东西在微信公众平台都有相对应的介绍！）

3.WXSS

相当于CSS文件，用来写样式，但是它只支持部分的CSS选择器，px转换为rpx（详情还是看小程序公众平台????）

4.JS

就是JS操作，但是小程序不支持dom操作！且操作数据时会有底层监听不到数据变化问题，需要用this.setData({数据名：值}）的方法来刷新！

---

尾声

我这里只做一些基本讲解，详情还是看官方文档哦，写的很全很清晰！