实验1：第一个微信小程序

学习要求：
熟悉在“雨课堂”里提交作业
熟悉 Typora 和 Markdown 写作
截止时间：8月25日（星期二） 22:00
大家务必注意时间，超出时间要扣分！

实验报告推荐采用 Typora 软件编写，完成以后可以直接导出为PDF，也方便直接粘帖在 CSDN 等博客发布。实验报告模板如下：

markdown

<center>姓名：XXXX  学号：XXXX</center>

| 姓名和学号？         | XXXX，200023230                  |
| -------------------- | -------------------------------- |
| 本实验属于哪门课程？ | 中国海洋大学26夏《移动软件开发》 |
| 实验名称？           | 实验1：热身运动          |
| 博客地址？           |  XXXXX（选做）         |
| 代码仓库地址？        |  https://github.com/XXXX(选做) |

## 一、实验内容

XXXXXXXXXX

## 二、问题总结与体会

描述实验过程中所遇到的问题，以及是如何解决的。有哪些收获和体会，对于课程的安排有哪些建议。

一、官方开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 建议大家下载最新的稳定版本

然后点击自己电脑对应系统的版本下载即可。至于安装很方便，只需要双击安装包，不停的点下一步即可，安装完成以后的官方开发者工具长这样。

二、创建属于自己的第一个小程序

上面第二步已经安装好开发者工具了，接下来就来教大家如何创建一个最简单的小程序

2-1 在桌面创建一个空白文件夹

名字可以随便取，我这里习惯取小石头

2-2 创建小程序

配置小程序项目，这里需要注意下，小程序官方最新的开发者工具有了变化，所以你创建项目时如果不长下面这样。可以跳过这个图片，看下面新版的

下面这个是微信小程序23年的创建方式，也不是最新的。最新的可以跳过这个去看下一个图片

小程序最新版创建项目示例图。第五步很重要，一定要记得选择不使用模板。

配置好以后，点新建，即可创建属于自己的第一个小程序，然后创建会有一个过程，耐心等待即可。

2-3 创建 hello world 小程序

这个 hello world 小程序来自官方视频教程：

https://developers.weixin.qq.com/community/business/doc/0008ae90008ff80bd48838c5e5600d

点击按钮，可以改变页面里的文字。大家请自主看视频，完成这个小程序。

希望大家能够自己手打一下代码，实现这个小程序，体会下 wxml, wxss, js 三种文件各自有什么作用。

三、实验总结

特别期待看到大家的第一个微信小程序，也期待大家能够熟悉使用 Typora 和 Markdown 编写实验报告，并掌握通过“雨课堂”提交作业，把自己的所学记录在博客里，从而形成较规范的实验记录、技术总结和文档编写习惯。大家加油吧！