【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】配置小程序開(kāi)發(fā)項(xiàng)目結(jié)構(gòu)的方法

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】配置小程序開(kāi)發(fā)項(xiàng)目結(jié)構(gòu)的方法

在下給大家分享一下配置小程序開(kāi)發(fā)項(xiàng)目結(jié)構(gòu)的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！開(kāi)發(fā)小程序，首先利用開(kāi)發(fā)者工具創(chuàng)建一個(gè)demo，下載編輯器對(duì)項(xiàng)目結(jié)構(gòu)進(jìn)行配置。找到創(chuàng)建的demo文件夾，把項(xiàng)目導(dǎo)入到你的編輯器，使用的是SublimeText編輯器。這個(gè)時(shí)候需要根據(jù)自己的項(xiàng)目需求結(jié)構(gòu)進(jìn)行更改了，項(xiàng)目根目錄下面是首頁(yè)渲染的幾個(gè)tabBar頁(yè)面，以及app的一些配置文件，如名片盒項(xiàng)目的tabBar是3個(gè)切換菜單我們先找到app.json文件打開(kāi)配置好這幾個(gè)菜單，配置好tabBar，這個(gè)直接把配置文件改成你自己設(shè)計(jì)的即可。App.json里面有幾個(gè)配置項(xiàng)：Pages：這個(gè)是編寫(xiě)的js文件，后綴.js這里不需要使用，配置好正確路徑即可正常調(diào)用（若調(diào)用不到，在重啟微信開(kāi)發(fā)者工具會(huì)直接報(bào)page錯(cuò)誤）。networkTimeout：暫時(shí)沒(méi)發(fā)現(xiàn)用處，建議看文檔。根據(jù)實(shí)際項(xiàng)目需求進(jìn)行添加與更改。tabBar：底部的幾項(xiàng)配置。text：可以去掉，全部去掉會(huì)發(fā)現(xiàn)底部tabar高度會(huì)減少很多。Window：配置頂部的一些樣式，文檔介紹比較詳細(xì)。iconPath和selectedIconPath：底部菜單按鈕圖片與得到切換點(diǎn)擊高亮。Json文件配置好后，根據(jù)項(xiàng)目進(jìn)行文件創(chuàng)建。Demo：存放的是假數(shù)據(jù)，這一期的開(kāi)發(fā)工具支持require，假數(shù)據(jù)使用的是.js文件形式里面的數(shù)據(jù)結(jié)構(gòu)json一致，把data暴露出去即可然后取數(shù)據(jù)require進(jìn)來(lái)即可，這一點(diǎn)使用很方便；Servise：服務(wù)交付層（與后臺(tái)聯(lián)調(diào)真實(shí)數(shù)據(jù)時(shí)使用）；Wxss：一些公共的css文件；Images：圖片路徑；Page：除tabar以外的頁(yè)面；看到這里大家發(fā)現(xiàn)每個(gè)頁(yè)面都被連帶好三個(gè)不同的后綴。分別頁(yè)面，css，js目前只能依照這樣，是微信應(yīng)用號(hào)的一個(gè)規(guī)范吧。Wxss文件是引入你