开发小程序准备工作——注册小程序账号 & 下载并安装小程序开发工具 & 小程序之HelloWorld

开发小程序准备工作——注册小程序账号 & 下载并安装小程序开发工具 & 小程序之HelloWorld

开发小程序准备工作

• 注册小程序账号
• 下载并安装小程序开发工具

注册小程序账号

• 进入官网
• 点击【立即注册】，选择小程序
  • 订阅号
  • 服务号
  • 小程序
  • 企业微信
• 进入注册页面
  • 邮箱（邮箱必须是没有用过的）
  • 密码
  • 验证码
• 通过邮箱激活账号
• 完善账号信息
  • 姓名
  • 身份证号
  • 手机号
• 进入小程序管理后台
• 设置小程序名称、头像等信息
• APPID：wxb5f8e13cdffc3d4f

下载并安装小程序开发工具

• 进入官网
• 通过【工具】菜单下载安装包（选择合适的版本）
  • 双击安装包一直下一步就可以安装成功
• 安装开发工具：双击一直下一步即可
• 通过工具创建小程序项目
  • 需要指定项目的位置和名称
  • 如果注册了小程序的账号，那么需要提供APPID
  • 如果没有注册账号，使用测试账号，但是测试账号会有限制
• 开发工具功能介绍

初始化效果图：

小程序之HelloWorld

• 小程序项目结构概述
• 小程序相关配置
  • 全局配置app.json
    • pages表示页面列表，排在第一个的是默认打开页面
    • window用于设置小程序的状态栏、导航条、标题、窗口背景色。
    • tabBar设置页面导航菜单
  • 页面配置page.json
    • 页面标题名称
    • 页面背景色
  • 工具相关配置project.config.json
• 小程序项目代码分析
  • app.js文件是小程序的入口文件（小程序从该文件开始执行）
  • app.wxss文件是小程序的全局样式文件
  • pages文件夹用来放置小程序的页面
    • wxml 模板文件，类似于之前的HTML内容
    • wxss 样式文件，类似于之前的css文件
    • js 文件，用于处理js的交互逻辑，与之前的js作用类似
    • json文件，用于当前页面的配置
  • utils文件夹用于提供一些工具方法