小程序云开发入门（6）-项目初始

这是我参与8月更文挑战的第10天，活动详情查看：8月更文挑战

前面已经介绍过通过开发者工具自带的模板创建一个云开发QuickStart小程序，下面我们将以一个具体案例讲解一个云开发小程序的实用案例。

云开发项目的准备回顾

在我们开始一个云开发项目之前，需要有一系列的准备工作要做好，不然会出现一些问题，这些准备工作在前面已经有所介绍，这里整理一下，不明白的地方可以再翻一翻前面的文章哦：

• 是否已经注册成功了一个小程序，并获取了这个小程序的AppID？
• 是否下载了最新版的微信开发者工具？你知道该如何判断你的开发者工具的版本是否落后？
• 是否开通了云开发环境，并获取了该环境的环境ID?你是否可以打开云开发控制台？
• cloudfunctions文件夹名显示的是不是环境名称，如果是“未指定环境”，可以鼠标右键该文件夹，选择“更多设置”，然后再点击“设置”小图标，选择环境并确定；
• 是否已经在小程序的app.js的生命周期函数onLaunch里使用wx.cloud.init()来初始化云开发环境；
• 小程序项目基础库的版本如何判断？基础库版本是否设置到最新的版本？
• 你知道应该怎样设置开发者工具的“本地设置”？
• 你是否安装了Node.js环境？以及知道如何判断它安装成功？以及知道如何下载云函数的依赖？

无论你是一个新项目，还是一个老项目，亦或是导入项目，都需要先检查一下以上的这些问题。

云开发小程序初始

云开发QuickStart模板小程序有很多多余的页面以及一些样式信息，我们需要把miniprogram文件夹下的pages、images、components、style文件夹里的文件/文件夹都清空，只保留这4个空文件夹即可；

然后再把app.wxss里的样式代码都删掉清空，还需要将app.json的pages配置项里的页面配置给清空（只修改pages配置项里面的内容），比如将app.json的pages配置项的值设置为如下，开发者工具会重新建一个index页面：

"pages": [ 
    "pages/index/index",
    "pages/user/user",
 ],
复制代码

配置app.json的tabbar：

"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath": "images/home.png",
      "selectedIconPath": "images/home-a.png",
      "text": "首页"
    }, {
      "pagePath": "pages/user/user",
      "iconPath": "images/user.png",
      "selectedIconPath": "images/user-a.png",
      "text": "我的"
    }]
  },
复制代码

至此，该项目的基础框架就搭建好了。下一篇我们将继续实现一个小程序的云开发项目。

点个赞，鼓励一下吧~