小程序開(kāi)發(fā)流程：

4.跟著本系列文章一步一步實(shí)現(xiàn)一個(gè)小程序

至此本人默認(rèn)你已經(jīng)完成上述工作，并且你已經(jīng)了解并具有一定的編程或者網(wǎng)頁(yè)制作經(jīng)驗(yàn),。

正式開(kāi)始首先打開(kāi)小程序開(kāi)發(fā)工具,，應(yīng)該是如下圖這個(gè)樣子

1.項(xiàng)目目錄，選擇一個(gè)目錄放置你的小程序,，按照國(guó)際慣例還是英文目錄比較安全,，雖然微信小程序支持中文。

2.Appid這個(gè)做過(guò)公眾號(hào)的讀者都很清楚,，但這個(gè)并不是公眾號(hào)的appid他是小程序獨(dú)有的appid,。登錄你的小程序賬號(hào)在開(kāi)發(fā)配置里可以看到或者更改。

3.若沒(méi)有appid也可以點(diǎn)擊體驗(yàn)小程序或者小游戲來(lái)體驗(yàn)開(kāi)發(fā),，但部分功能會(huì)受到限制,。

4.以上都沒(méi)有問(wèn)題了，在這寫(xiě)上你想寫(xiě)的項(xiàng)目名稱,，然后點(diǎn)擊確定就可以愉快的開(kāi)始了,。

如上圖所示，我們啟動(dòng)后,，系統(tǒng)自動(dòng)為我們創(chuàng)建了一個(gè)快速啟動(dòng)模板.

1.點(diǎn)擊獲取頭像按鈕可以獲取當(dāng)前管理員微信的頭像及昵稱,。

2.國(guó)際慣例打印一個(gè)hello word

3.圓圈圈出來(lái)的就是微信小程序的總體框架及程序結(jié)構(gòu)。

4.方塊畫(huà)出來(lái)的是微信小程序開(kāi)發(fā)過(guò)程中需要用到的調(diào)試及信息窗口,。

開(kāi)發(fā)微信小程序必須先要了解微信的開(kāi)發(fā)框架配置,，包括app.json配置、app（）函數(shù)的使用,、page（）函數(shù)的使用,、數(shù)據(jù)如何綁定到頁(yè)面、條件判斷和列表渲染,、文件引用等等,。今天我們說(shuō)說(shuō)app.json配置文件.

app.json是一個(gè)小程序的全局配置，有5個(gè)主要功能：

1.決定頁(yè)面文件的路徑,。

2.配置窗口在小程序的呈現(xiàn)狀態(tài),。

3.配置TAB標(biāo)簽導(dǎo)航.

4.設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間.

5.配置debug模式

這里我們對(duì)照代碼一步一步說(shuō)明app.json

1.pages函數(shù)配置了當(dāng)前小程序的頁(yè)面文件路徑

2.windows函數(shù)配置了當(dāng)前窗口的呈現(xiàn)模式，

詳細(xì)說(shuō)下windows函數(shù)的代碼

1.下拉背景字體,、載入圖片的樣式,，只要兩種模式drak和light

2.導(dǎo)航欄背景顏色.

3.導(dǎo)航欄標(biāo)題文字內(nèi)容.

4.導(dǎo)航欄標(biāo)題顏色,，只支持black/white。

今天就到這吧,，明天我們繼續(xù)一起分析下配置tab導(dǎo)航標(biāo)簽。

本系列文章為原創(chuàng)文章今天開(kāi)始若時(shí)間充足我會(huì)每天更新一個(gè)知識(shí)點(diǎn),，作者水平不高全程白話,，每次講解內(nèi)容不會(huì)太多。希望各位可以討論或者私信都會(huì)及時(shí)回復(fù),！