手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

制作第一个微信小程序 Hello,World

时间:2024-10-12 03:48:37

1、开发一个微信小程序我们需要一个开发环境,朋友们从https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18080318 下载适合自己电脑系统的版本

制作第一个微信小程序 Hello,World

2、开发环境下载以后,安装到电脑里面,安装过程跟普通软件一样,下面是安装后的软件图标

制作第一个微信小程序 Hello,World

3、在软件打开之前桌面上新建一个文件,文件名为Hello,World。当然大家把文件名随便取。双击点击打开我们安装好的开发环境时就会看到以下页面。

制作第一个微信小程序 Hello,World

4、在这里我们会看到新疆一个工程时需要AppID,如果你没有AppID的话 小编教你如何注册一个AppID。点击注册按钮时就会看到以下页面。

制作第一个微信小程序 Hello,World

5、按照步骤注册我们的AppID账号,注册过程很简单大家应该很熟悉。

6、接下来时获取我们的App ID,大家点击https://mp.weixin.qq.com/ 时会看到以下页面

制作第一个微信小程序 Hello,World

7、在这里使用我们刚刚注册App ID时用的账号及密码。登陆后点击左边的设置-》开发设置时就会看到我们的AppID了。

制作第一个微信小程序 Hello,World

8、接下来复制我们的AppID,回到我我们的新建工程页面。点击项目目录选择我们新建的文件Hello,World。粘贴我们的AppID 输入项目名称后 ,因为时初学者所以我们首先要体验以下我们的一个小程序 要在建立普通快速启动模板那里打勾。

制作第一个微信小程序 Hello,World

9、点击工具-》编译时我们就会看到我们的第一个小程序了。

制作第一个微信小程序 Hello,World

10、接下来点击文件index->index.wxml 在右边的代码框里添加一句 <map></map> 重新点击工具->编译按钮 时我们就会发现我们的小程序里面有出现了一个显示地图的新功能咯!

制作第一个微信小程序 Hello,World
© 手抄报圈