小程序简介和开发工具

文章目录

  • 1 小程序简介
    • 1.1 小程序与普通网页开发的区别
    • 1.2 体验小程序
  • 2 注册小程序开发帐号
  • 3 安装开发者工具
  • 4 创建项目
  • 5 预览效果


1 小程序简介

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

小程序简介和开发工具_第1张图片

1.2 体验小程序

可使用手机微信(6.7.2 及以上版本)扫码下方小程序码,体验小程序:
小程序简介和开发工具_第2张图片

2 注册小程序开发帐号

使用浏览器打开 https://mp.weixin.qq.com/ 网址,点击右上角的“立即注册”即可进入到小程序开发账号的注册流程,主要流程截图如下:
小程序简介和开发工具_第3张图片
选择注册账号的类型
小程序简介和开发工具_第4张图片
填写账号信息
小程序简介和开发工具_第5张图片
提示邮箱激活
小程序简介和开发工具_第6张图片
点击链接激活账号
小程序简介和开发工具_第7张图片
选择主体类型
小程序简介和开发工具_第8张图片
主体信息登记
小程序简介和开发工具_第9张图片
获取小程序的 AppID
小程序简介和开发工具_第10张图片

3 安装开发者工具

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

1.快速创建小程序项目
2.代码的查看和编辑
3.对小程序功能进行调试
4.小程序的预览和发布

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

小程序简介和开发工具_第11张图片
安装
小程序简介和开发工具_第12张图片
小程序简介和开发工具_第13张图片
小程序简介和开发工具_第14张图片
扫码登录
小程序简介和开发工具_第15张图片
设置外观和代理
小程序简介和开发工具_第16张图片

4 创建项目

点击“加号”按钮
小程序简介和开发工具_第17张图片
填写项目信息
小程序简介和开发工具_第18张图片
项目创建完成
小程序简介和开发工具_第19张图片

5 预览效果

在模拟器上查看项目效果
小程序简介和开发工具_第20张图片

在真机上预览项目效果
小程序简介和开发工具_第21张图片
主界面的 5 个组成部分
小程序简介和开发工具_第22张图片

你可能感兴趣的:(#,小程序,小程序,微信小程序)