微信小程序开发（一）

简介：

微信小程序，简称小程序，缩写XCX，英文名mini program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不需要担心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载

小程序和APP的对比

1. 开发成本低
2. 开发门槛低
3. 获客成本低于App；拼多多、小红书等案例
4. 开发周期更短，节省开发成本
5. App已经趋于饱和

用户：减轻内存，用完即可关闭，不占用空间
商户：线上线下结合，实现互联网的转型
创业者：应用广泛，创业更简单，尤其是公众号创业者，可以直接公众号+小程序，打造微信生态圈

小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。

结构	传统web	微信小程序
结构	HTML	WXML
样式	CSS	WXSS
逻辑	JavaScript	JavaScript
配置	无	JSON

传统web是三层结构，而微信小程序是四层结构，多了一层配置.json

官方文档：

https://developers.weixin.qq.com/miniprogram/dev/framework/

开发工具：

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
在这里呢，可以对开发工具的操作系统进行选择

导入项目：

小程序项目的主要目录文件作用

• js 页面逻辑
• json 页面配置
• wxml 页面结构
• app.js 小程序的逻辑
• wxss 页面样式，app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效
• pages 里面包含一个个具体的页面
• sitemap 配置小程序及其页面是否允许被微信索引
• app.json 当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
• project.config.json 项目配置文件，做一些个性化配置，例如界面颜色、编译配置等等