一、什么是小程序（明白）

小程序是无需下载和安装即可使用的应用程序。它实现了“适用性”的梦想，用户可以扫描或搜索打开应用程序。也体现了“跑完就走”的理念，用户无需担心是否安装了太多应用。应用程序将无处不在，始终可用，无需安装或卸载。

二、小程序的种类（了解）

微信小程序、支付宝小程序、今日头条小程序、百度小程序、QQ小程序

三、小程序发展史（了解）

四、小程序的优势（了解）

对于开发者来说，小程序开发的门槛比较低，难度比APP小。可以满足简单的基础应用，适用于生活服务线下店铺的转换和非刚性低频应用。对用户来说，可以节省时间成本和手机内存空间；对于开发者来说，也可以节省开发和推广成本。

五、小程序展示（熟悉）

微信小程序 - 微信首页下拉

支付宝小程序 - 朋友 - 小程序

QQ小程序 - QQ首页下拉

头条小程序 - 今日头条搜索 - 小程序入口 点击左上角图标

百度小程序 - 百度APP下拉

六、微信小程序介绍（懂）

微信小程序提供简单高效的应用开发框架和丰富的组件和API，帮助开发者开发具有微信原生APP体验的服务。

七、准备（母带）1、申请开户

进入小程序注册页面，按照指引填写信息并提交相应信息，申请自己的小程序微信账号

登录小程序后台，在“设置”-“开发设置”中查看自己的设置

小程序相当于小程序平台的一张身份证。未来你会在很多地方使用和安装开发者工具。

开发者工具下载页面 下载微信开发者工具

根据自己的硬件环境选择稳定版下载八、体验小程序

打开开发者工具，使用你的微信扫码登录

登录开发者工具后可以看到有两大类微信小程序开发better，分别是【小程序项目】和【公众号项目】

【小程序项目】包括“小程序”、“小游戏”和“代码片段”，主要用于开发、调试和发布微信小程序和微信小游戏；

【公众号项目】主要用于微信公众号、订阅号、服务号等Web应用的开发和调试。我这里主要教给大家的是【小程序项目】中的小程序。

点击“+”号

我们需要在页面上添加的选项有【项目名称】、【目录】、【】、【开发模式】、【后端服务】、【语言】、

最重要的是这个选项，在第七步我们已经知道如何获取我们自己的了，只需要正确填写即可。

【项目名称】填写为

【目录】是你自己的项目地址

【】正确填写

【开发模式】选择“小程序”

【后台服务】选择“不使用云服务”

【语言选择”》。

点击【新建】，成功创建微信官方提供的样例工程

点击工具上的编译按钮，可以在工具左侧的模拟器界面看到小程序的性能，或者点击预览按钮，在手机上扫一扫微信，体验你的第一个小程序。

九、开发者工具界面功能介绍（大师）

工程创建成功后，主界面顶部有13个选项卡，分别是【模拟器】、【编辑器】、【调试器】、【云开发】、【小程序模式】、【编译】、【真机】 ] 调试]、[切换到后台]、[清除缓存]、[上传]、[版本管理]、[社区]、[详情]。

1、 模拟器选项卡

点击【模拟器】选项卡打开和关闭模拟器，模拟器顶部有一个状态栏

“”栏允许开发者选择模拟器的型号，并可以在每个型号上测试代码的运行情况；“100%”栏可以调整模拟器的大小，让开发者可以清楚的看到效果的全貌；“WiFi”栏让我们可以选择不同的网络环境测试代码；“模拟操作”栏默认为 Home 选项和返回选项；右边是模拟器声音的开关；中间点击 模拟器可以显示为单页；最右边点击可以调整模拟器的位置，默认在左边，点击可以向右调整，2、 tab

单击 [] 选项卡以打开和关闭编辑器

3、调试器选项卡

单击 [] 选项卡以打开和关闭调试器

4、云开发选项卡

点击【云开发】选项卡，激活“小程序云开发”

云开发为开发者提供完整的原生云支持和微信服务支持，弱化后端和运维的概念，不需要搭建服务器，使用平台提供的API进行核心业务开发，可以实现快速启动和迭代。同时，这种能力与开发人员已经使用的云服务兼容，但不相互排斥。5、小程序模式选项卡

点击【小程序】选项卡，选择插件模式

6、编译选项卡

单击 [] 选项卡以指定要编辑的页面。默认情况下，小程序编辑 app.json 文件中“”选项中的第一页。使用该功能可以提高开发效率。

点击【预览】手机微信扫码预览真机效果。

7、真机调试选项卡

点击【真机调试】选项卡，可在手机微信扫码直接查看效果

8、切换背景标签

点击【后台切换】选项卡，在模拟器中模拟应用程序的前台到后台切换操作。

9、清除缓存选项卡

点击【清除缓存】选项卡，会出现几个选项：【清除数据缓存】、【清除文件缓存】、【清除授权数据】、【清除网络缓存】、【清除登录状态】、【清除全部】

10、上传标签

点击【上传】标签，将当前代码上传到微信服务器，并自动编译，并在微信小程序后台生成体验二维码，开发者可以测试代码。

11、版本管理选项卡

点击【版本管理】选项卡，可以使用微信提供的Git工具对项目中的代码进行管理。

12、社区标签

点击【社区】选项卡，使用默认浏览器打开“微信开放社区”。

13、详细信息选项卡

单击 [详细信息] 选项卡

【详情】选项卡主要有项目设置、域名信息、腾讯云状态三个功能，后续课程会介绍

十、微信开发者工具常用快捷键（熟悉）

俗话说，欲行善事，必先利其器。我给你带来了好处。微信小程序开发者工具快捷键如下：

1、接口开关

Ctrl + + T：工具栏

Ctrl + + D：模拟器

Ctrl + + E：编辑器

Ctrl + + T：目录树

Ctrl + + I：调试器

2、工具

Ctrl + B：编译

Ctrl + R：刷新

Ctrl + + P：预览（自动预览）

Ctrl + + U：上传

3、编辑

Ctrl + + F：格式代码

Ctrl + P：跳转到文件

Ctrl + E：最近的文件

Ctrl + [：向左缩进代码行

Ctrl + ]：向右缩进代码行

Ctrl + + [：折叠代码块

Ctrl + + ]：打开代码块

Alt + Up：向上移动一行

Alt + Down：下移一行

+ Alt + Up：复制一行

+ Alt + Down：向下复制一行

Ctrl + + ：在当前行上方插入一行

Ctrl + + F：全局搜索

4、光标相关

Ctrl + End：移动到文件末尾

Ctrl + Home：移动到文件的开头

Ctrl + I：选择当前行

+ End：从光标处选择到行尾

+ Home：从行首到光标处选择

Ctrl + + L：选择所有匹配项

Ctrl + D：选择最接近的匹配项

Ctrl + U：光标返回