小程序雲開發入門（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": "個人"
    }]
  },
複製代碼

至此，該項目的基礎框架就搭建好了。下一篇咱們將繼續實現一個小程序的雲開發項目。

點個贊，鼓勵一下吧~