0
点赞
收藏
分享

微信扫一扫

【小程序】第一个小程序——创建小程序项目


目录

​​小程序简介​​

​​第一个小程序​​

​​安装开发者工具​​

​​创建小程序项目 ​​

小程序简介

1. 小程序与普通网页开发的区别

【小程序】第一个小程序——创建小程序项目_开发者工具

2. 体验小程序

可使用手机微信(6.7.2 及以上版本)扫码下方小程序码,体验小程序:

【小程序】第一个小程序——创建小程序项目_网页开发_02

 

第一个小程序

1. 点击注册按钮

使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发

账号的注册流程,主要流程截图如下:

 

2. 选择注册账号的类型

【小程序】第一个小程序——创建小程序项目_微信小程序_03

3. 填写账号信息

【小程序】第一个小程序——创建小程序项目_开发者工具_04

 

4. 提示邮箱激活

【小程序】第一个小程序——创建小程序项目_网页开发_05

 

5. 点击链接激活账号

【小程序】第一个小程序——创建小程序项目_微信小程序_06

 

6. 选择主体类型

【小程序】第一个小程序——创建小程序项目_微信开发者工具_07

 

7. 主体信息登记

 

8. 获取小程序的 AppID

【小程序】第一个小程序——创建小程序项目_网页开发_08

 

安装开发者工具

1. 了解微信开发者工具

 微信开发者工具是官方推荐使用的小程序开发工具,它提供的主要功能如下:

快速创建小程序项目

代码的查看和编辑

对小程序功能进行调试

小程序的预览和发布

2. 下载

推荐下载和安装最新的稳定版(Stable Build)的微信开发者工具,下载页面的链接如下:

​​https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html​​

【小程序】第一个小程序——创建小程序项目_微信开发者工具_09

3. 安装

【小程序】第一个小程序——创建小程序项目_网页开发_10

 

【小程序】第一个小程序——创建小程序项目_开发者工具_11

 

【小程序】第一个小程序——创建小程序项目_网页开发_12

 

【小程序】第一个小程序——创建小程序项目_微信开发者工具_13

 

点击“完成”按钮,完成对微信开发者工具的安装。

【小程序】第一个小程序——创建小程序项目_微信开发者工具_14

 

4. 扫码登录

 

【小程序】第一个小程序——创建小程序项目_开发者工具_15

 

5. 设置外观和代理

【小程序】第一个小程序——创建小程序项目_开发者工具_16

 

创建小程序项目 

1. 点击“加号”按钮

【小程序】第一个小程序——创建小程序项目_网页开发_17

2. 填写项目信息

【小程序】第一个小程序——创建小程序项目_网页开发_18

 3. 项目创建完成

【小程序】第一个小程序——创建小程序项目_微信小程序_19

4. 在模拟器上查看项目效果

【小程序】第一个小程序——创建小程序项目_微信小程序_20

 

5. 在真机上预览项目效果

 

5. 主界面的 5 个组成部分

【小程序】第一个小程序——创建小程序项目_小程序_21

举报

相关推荐

0 条评论