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

百度小程序-百度APP下拉

6. 微信小程序简介（理解）

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

7. 准备（母带制作）

1. 申请账户

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

登录小程序后台，查看

小程序就相当于小程序平台的一张身份证，以后在很多地方都会需要它。

2. 安装开发者工具

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

根据你的硬件环境选择稳定的版本下载

8.体验小程序

打开开发者工具，使用微信扫描二维码登录。

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

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

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

点击“+”号

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

这个选项至关重要。在第 7 步中我们已经知道如何获取自己的，因此我们只需正确填写即可。

【项目名称】填写

[目录] 是你自己的项目地址

【】正确填写

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

[后端服务] 选择“不使用云服务”

【语言选择“”。

点击【新建】，成功创建微信提供的示例项目。

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

9.开发者工具界面功能介绍（掌握）

项目创建成功后，主界面上方有13个标签页，分别是【模拟器】、【编辑器】、【调试器】、【云端开发】、【小程序模式】、【编译】、【真机调试】、【切换到后端】、【清除缓存】、【上传】、【版本管理】、【社区】、【详情】。

1. 模拟器选项卡

点击[模拟器]标签可以打开或关闭模拟器。模拟器顶部有一个状态栏。

“”一栏可以让开发者选择模拟器的型号，并在每个型号上测试代码的运行情况；“100%”一栏可以调整模拟器的大小，让开发者可以清晰的看到整体的效果；“WiFi”一栏可以让我们选择不同的网络环境来测试代码；“模拟运行”一栏默认有Home选项和选项；右边是模拟器的声音开关；中间点击可以将模拟器显示为单独的页面；最右边点击可以调整模拟器的位置，默认在左边，点击可以调整到右边，

2. 编辑器选项卡

点击[编辑器]选项卡可以打开或关闭编辑器

3. 调试器选项卡

点击[调试器]选项卡可以打开或关闭调试器。

4. 云开发选项卡

点击【云开发】标签，开启“小程序·云开发”

云开发为开发者提供完整的原生云支持和微信服务支持，弱化后端和运维的概念。无需搭建服务器，通过平台提供的API进行核心业务开发，开发者即可实现快速上线和迭代。同时该能力与开发者已经使用的云服务兼容，并不互相排斥。

5. 小程序模式标签

点击【小程序】标签，选择插件模式

6. 编译选项卡

点击【编译】标签，指定需要编辑哪个页面，小程序默认编辑app.json文件中“”选项中的第一个页面，使用此功能可以提高开发效率。

点击【预览】可使用手机微信扫描二维码预览真机上的效果。

7.真机调试选项卡

点击【真机调试】标签，手机扫描二维码即可直接查看结果。

8. 切换到背景标签

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

9. 清除缓存选项卡

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

10. 上传选项卡

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

11. 版本管理选项卡

点击【版本管理】标签，可以使用微信提供的Git工具来管理项目中的代码。

12. 社区标签

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

13.“详细信息”选项卡

单击详细信息选项卡

【详情】标签主要有三个功能：项目设置、域名信息、腾讯云状态，会在后续的课程中介绍。

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

俗话说工欲善其事，必先利其器。我给大家带来了一个福利，微信小程序开发者工具的快捷键，如下：

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：光标后退