学习目标

• 如何创建小程序项目
• 小程序项目的基本组成结构
• 小程序页面由几部分组成
• 小程序常见的组件如何使用
• 小程序如何进行协同开发和发布

小程序简介

1、小程序和普通网页开发的区别

• 运行环境不同
  • 网页运行在浏览器环境中
  • 小程序运行在微信环境中
• API不同
  • 小程序无法调用DOM和BOM的API
  • 可以调用微信环境提供的各种API
    • 地理定位
    • 扫码
    • 支付
• 开发模式不同
  • 网页开发模式：浏览器+代码编辑器
  • 小程序开发模式
    • 申请小程序开发账号
    • 安装小程序开发者工具
    • 创建和配置小程序项目

2、注册小程序账号

注册网址，点击右上角的【立即注册】

https://mp.weixin.qq.com/

选择注册账号类型：【小程序】

选择【前往注册】

输入注册账号信息

激活邮箱

信息登记

选择【个人】主题，填写个人信息，点击【继续】。注册成功！！！

3、获取小程序的AppID

进入小程序，点击【开发管理】,AppID很重要，后续创建微信小程序项目的时候需要用到。

4、安装开发者工具

4.1 了解开发者工具

主要功能：

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

4.2 下载开发工具

推荐下载和安装最新的稳定版的微信开发者工具

下载地址

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

下载完毕，按照提示安装即可，安装完成

打开如下页面

5、设置开发者工具外观

点击设置

修改外观

修改【代理】