微信小程序Day1（上）

从今天开始进行微信小程序的学习，这次是要做一个简易的商城，从零开始。
（一）注册 一个微信公众平台

如果想要详细的可以下载：
链接：https://pan.baidu.com/s/1D0ULRqZeCvAhmtX8ro_AjA
提取码：gdn8
（二）下载微信开发者工具
网站：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
我下的是稳定版。
（三）安装
（四）初始化
（1）AppId
在注册后我们就会进入这个页面

在开发中找到开发管理

再选中开发设置，就可以找到自己的AppId。

（2）创建第一个项目。
打开微信开发者工具，点击加号

然后自己设置，AppId上面有介绍，我没有选择云服务，然后语言选择JavaScipt.

点击确认就算创建成功了。
（五）开始编程
首先微信小程序有开放文档
链接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
然后在app.json中进行修改。
在list中的图片下载：
链接：https://pan.baidu.com/s/1fWUocZ-_69pzwe7tDunJeg
提取码：w5vd

{
  "entryPagePath":  "pages/sort/sotr",
  "pages":[
    "pages/index/index",
    "pages/sort/sotr",
    "pages/cart/cart",
    "pages/user/user"
  ],
  "window":{
    "navigationBarBackgroundColor": "#e4393c",
    "navigationBarTitleText": "优乐购"
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "./icons/home.png",
        "selectedIconPath": "./icons/home-o.png"
      },
      {
        "pagePath":"pages/sort/sotr",
        "text": "分类",
        "iconPath": "./icons/category.png",
        "selectedIconPath": "./icons/category-o.png"
      },
      {
        "pagePath":"pages/cart/cart",
        "text": "购物车",
        "iconPath": "./icons/cart.png",
        "selectedIconPath": "./icons/cart-o.png"
      },
      {
        "pagePath":"pages/user/user",
        "text": "我的",
        "iconPath": "./icons/my.png",
        "selectedIconPath": "./icons/my-o.png"
      }
    ],
    "selectedColor": "#e4393c"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

今天上午的学习就到此为止了。