微信小程序开发Day1

打开微信开发者工具wechat_Devtools，选择小程序，点击图中的加号+

显示下图

其中AppID我这里选择测试号，也可以自己注册一个。(测试号的AppID最好保存起来记住)

后端服务我们选择“不使用云服务”

模板选择“不使用模板”

最后点击确定

我们得到下图界面：

我们可以看到pages文件夹下的index文件夹里已经自动帮我们创建了四个东西

然后我们可以试着右键pages，新建一个文件夹，我给他取名为test0926

然后再右键test0926，新建Page，最好取名与文件夹同名

紧接着我们发现自动生成了与index同样的四个东西

接着我们点击app.json文件

里面有如下代码：

"pages": [
        "pages/index/index",
        "pages/test0926/test0926"
    ],

谁写在前面，那么谁就先显示

我们把"pages/test0926/test0926"写在前面

"pages": [
        "pages/test0926/test0926",
        "pages/index/index"
    ],

那么test0926就会优先显示

诶，test0926的文字怎么显示到顶上去了，我们把它弄下来

我选择在文字之前加一个导航栏，却发现没有变化

<navigation-bar title="Weixin" back="{{false}}" color="black" background="#FFF"></navigation-bar>

其实是因为我们还没有在.json文件中配置这个组件

我们修改test0926.json文件就可以了

{
    "usingComponents": {
        "navigation-bar": "/components/navigation-bar/navigation-bar"
    }
}