第一章总结

认识微信小程序

简介:微信(WeChat) 是腾讯公司于2011年1月21日推出的一款为只能终端提供即时通信（Instant Messaging, IM）服务的应用程序。

特征:无需安装、触手可及、用完即走、无需卸载。

应用场景:任何时间、任何地点、逻辑简单、即需即用。

我的第一个微信小程序项目

代码如下：

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationStyle": "custom"
  },
  "style": "v2",
  "rendererOptions": {
    "skyline": {
      "defaultDisplayBlock": true,
      "disableABTest": true,
      "sdkVersionBegin": "3.0.0",
      "sdkVersionEnd": "15.255.255"
    }
  },
  "componentFramework": "glass-easel",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents"
}

/**app.wxss**/
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 

// app.ts
App<IAppOption>({
  globalData: {},
  onLaunch() {
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        console.log(res.code)
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      },
    })
  },
})

{
  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",
  "page": "*"
  }]
}

开发者工具介绍

标题栏功能介绍：

项目(新建项目、导入项目）

文件(新建文件、另存为）

编辑(撤销重做、复制粘贴）

工具(编辑刷新预览、真机测试）

转到(返回前进、上次编辑位置）

视图(命令面板、视图、外观）

界面(工具栏 模拟器 编辑器 目录树 调试器）

设置(通用设置 外观设置 快捷键设置)

帮助(文档搜索、功能引导教程）

微信开发者工具(切换账号、更换开发模式、检查更新）

菜单栏功能介绍：

模拟器(执行代码结果）

编辑器(输入代码)

调试器(代码中出现的错误）

可视化(编辑 大纲 组件)

云开发(云开发控制台)

小程序模式(插件模式 多端应用程序)

普通编译(添加编译模式  快速二维码编译)

编译、预览、真机测试、清缓存、上传、版本管理、详细、信息等多功能

小程序开发工具常用组合键