微信小程序基于最新版1.0开发者工具分享－小试牛刀(视频)+发布流程

这一章节中，我们尝试着写一个最简单的例子，包含 2 个静态页面，并增加菜单导航功能。小体验一把。 ### Step 1. 清理结构 清理后如下结构，只保留了两个 `必备` 文件，同时做如下修改：

第一章：小程序初级入门教程

小试牛刀【含视频】

视频地址：https://v.qq.com/x/page/i0554akzobq.html

这一章节中，我们尝试着写一个最简单的例子，包含 2 个静态页面，并增加菜单导航功能。小体验一把。

Step 1. 清理结构

清理后如下结构，只保留了两个 必备 文件，同时做如下修改：

├── app.js
├── app.json

//app.js
App({
  onLaunch: function () {

  }
})

{
  "pages":[
  ],
  "window":{
    "navigationBarBackgroundColor": "#09ba07",
    "navigationBarTextStyle": "#fff",
    "navigationBarTitleText": "牛刀小试",
    "backgroundColor": "#fbf9fe",
    "backgroundTextStyle": "light"
  }
}

修改后，看下控制台有报错信息，因为我们把页面全都干掉了。

从报错信息来看，很明显，小程序默认会从 pages 字段中读取第一个地址，作为首页加载 -- 知识点。

Step 2. 增加 flex 页面

ok，现在开始添加我们的第一个页面，给它起个名字叫 flex 吧，防止大家 误以为名字叫 index 的才是默认打开的页面