uniapp建立小程式
https://www.dcloud.io/
一、安裝Hbuilder和對應基本操作
安裝Hbuilder這裡就不在贅述。
（一）、外掛安裝：
如果考慮到後續需要使用Scss，可以前往外掛市場進行搜尋安裝，瀏覽器會提示我們是否需要開啟對應的HbuilderX，然後進入應用進行安裝。
（二）、快捷建方式修改
當然其中也包括了開發工具的主題設定。
（三）、修改編輯器的基本設定
透過工具中的設定，視覺化配置，也可以在 Setting.json 檔案中進行設定，這種配置在網上可以自行找。
（四）、新建uniapp專案
透過新建-專案來的這裡，選擇對應的存放路徑還有對應的vue版本。
（五）、目錄結構
參考地址：https://uniapp.dcloud.net.cn/tutorial/project.html
│─components 符合vue元件規範的uni-app元件目錄
│ └─comp-a.vue 可複用的a元件
├─pages 業務頁面檔案存放的目錄
│ ├─index
│ │ └─index.vue index頁面
│ └─list
│ └─list.vue list頁面
├─static 存放應用引用的本地靜態資源（如圖片、影片等）的目錄，注意：靜態資源都應存放於此目錄
├─main.js Vue初始化入口檔案
├─App.vue 應用配置，用來配置App全域性樣式以及監聽 應用生命週期
├─pages.json 配置頁面路由、導航條、選項卡等頁面類資訊，詳見
├─manifest.json 配置應用名稱、appid、logo、版本等打包資訊，詳見
（六）、把專案執行到微信開發者工具
1、填寫自己對應的微信AppID：
2、在HBuilderX中，配置"微信開發者工具"的安裝路徑：
在工具-設定中點選，提示：滑鼠右擊開發者工具開啟檔案所在位置。
3、在微信開發者工具中，透過 設定 --> 安全設定 皮膚，開啟“微信開發者工具”的服務埠：
4、在HbuilderX中開啟微信開發者工具
點選選單欄：執行 --> 執行到小程式模擬器 --> 微信開發者工具，將當前 uni-app 專案編譯之後，自動執行到微信開發者工具中，從而方便檢視專案效果與除錯：
注意：使用對應程式碼的源時uniapp，不要直接在小程式中修改
比如我們需要配置小程式的project.config檔案：
補充，如果微信開發者工具出現報錯：routeDone with a webviewId 3 that is not the current page，把預設生成的頁面內容刪了
（七）、使用Git管理專案
1、首先構建忽略檔案：.gitignore 參考內容：
想要更為完善的可以上網去找來複用。
# 忽略依賴和打包檔案
/node_modules
/unpackage/dist
注意：由於我們的 unpackage 目錄中唯一的目錄dist被忽略了，所以 unpackage 目錄 也不會被Git追蹤，所以新增一個佔位檔案：.gitkeep
2、初始化git
怎麼安裝git和右擊使用指令就不贅述了。
# 專案根目錄
git init
3、將所有檔案都新增到暫存區
git add .
4、提交修改到本地倉庫
git commit -m "你的註釋"
5、繫結遠端倉庫——gitee
怎麼註冊碼雲的賬號和操作不在贅述。推薦沒有git基礎的可以跳過或者自己找一個入門部落格。
# 建立一個遠端空倉庫然後複製對應指令：
cd existing_git_repo # 這裡是說你自己到你的根目錄
git remote add origin 你的地址 # 繫結遠端倉庫
git push -u origin "master" # 推送到master分支
操作完成後就可以到gitee重新整理看看了。如果你自己初始化了倉庫沒有這個指令，把這裡的地址換成你的克隆下載地址
二、開發骨架構建
(一)、tabBar
構建基本主要頁面並進行實現相互跳轉