小程序功能介绍和HelloWorld第一个微信小程序

步骤

  • 注册小程序
  • 开发工具的下载
  • 开发工具的安装
  • 默认项目编译并运行

主目录结构

  • app.js 全局js,可当做js的父类    
  • app.json 以json对象存在的全局配置文件
  • app.wxss 微信的css样式,全局主样式,项目共用
  • project.config.json 项目配置文件

      小程序功能介绍和HelloWorld第一个微信小程序

页面目录结构

  • index.wxml 元素渲染(包含基本页面,css,js)页面
  • index.js 私有js,相当于子类
  • index.wxss 页面的私有css
  • index.json 以json对象存在的私有的页面配置文件

       小程序功能介绍和HelloWorld第一个微信小程序

  • logs文件 日志相关文件(可以删除)

运行

小程序功能介绍和HelloWorld第一个微信小程序

左上角有模拟器、编辑器、调试器三个按钮,默认是绿色打开,点击可关闭相应功能(可以先关闭调试器和模拟器,使用时再打开)

点击获取头像信息即可完成登录,再点击头像可查看日志