这篇博客介绍了微信小程序的基础知识，包括小程序的概念、作用，以及如何开始开发小程序。从注册小程序账号、安装开发工具，到编写第一个小程序，每个步骤都有清晰的说明。博客还详细讲解了小程序的目录结构、代码构成，如JSON配置、WXML、WXSS和JS逻辑交互，以及小程序的宿主环境和配置。通过本文，读者可以全面了解微信小程序的开发流程和基本要素。
目录
什么是小程序？
-
2017年度百度百科十大热词之一
-
微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )
-
限制：同一个分包中的页面享有共同的预下载大小限额 2M，限额会在工具中打包时校验。
-
2017年1月9日0点，万众瞩目的微信第一批小程序正式低调上线。
小程序可以干什么？
-
同App进行互补，提供同app类似的功能，比app操作更加简洁的轻应用
-
通过扫一扫或者在微信搜索即可下载
-
用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选
-
连接线上线下
-
开发门槛低， 成本低
相关资料
1) 官网：微信公众平台微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。
https://mp.weixin.qq.com/
开始
开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
跟随这个教程，开始你的小程序之旅吧！
申请帐号
进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。
在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。
登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。
小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。
有了小程序帐号之后，我们需要一个工具来开发小程序。
安装开发工具
前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。
打开小程序开发者工具，用微信扫码登录开发者工具，准备开发你的第一个小程序吧！
你的第一个小程序
新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 "不使用云服务" （注意: 你要选择一个空的目录才可以创建项目），点击新建，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。
接下来我们来预览一下这个小程序的效果。
编译预览
点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。
通过这个章节，你已经成功创建了你的第一个小程序，并且在微信客户端上体验到它流畅的表现。
目录结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：
| 文件 | 必需 | 作用 |
|---|---|---|
| app.js | 是 | 小程序逻辑 |
| app.json | 是 | 小程序公共配置 |
| app.wxss | 否 | 小程序公共样式表 |
一个小程序页面由四个文件组成，分别是：
| 文件类型 | 必需 | 作用 |
|---|---|---|
| js | 是 | 页面逻辑 |
| wxml | 是 | 页面结构 |
最低0.47元/天 解锁文章
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
