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

小试牛刀【含视频】

视频地址：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"

  }

}

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

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

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

Step 2. 增加 flex 页面

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

秒客网