小編給大家分享一下配置小程序開發項目結構的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
開發小程序,首先利用開發者工具創建一個demo,下載編輯器對項目結構進行配置。找到創建的 demo 文件夾,把項目導入到你的編輯器,使用的是Sublime Text編輯器。

這個時候需要根據自己的項目需求結構進行更改了,項目根目錄下面是首頁渲染的幾個 tabBar 頁面,以及 app 的一些配置文件,如名片盒項目的 tabBar 是 3 個切換菜單

我們先找到 app.json 文件打開配置好這幾個菜單,配置好 tabBar,這個直接把配置文件改成你自己設計的即可。

App.json 里面有幾個配置項:
Pages:這個是編寫的js文件,后綴.js這里不需要使用,配置好正確路徑即可正常調用(若調用不到,在重啟微信開發者工具會直接報 page 錯誤)。
networkTimeout:暫時沒發現用處,建議看文檔。根據實際項目需求進行添加與更改。
tabBar:底部的幾項配置。
text:可以去掉,全部去掉會發現底部 tabar 高度會減少很多。
Window:配置頂部的一些樣式,文檔介紹比較詳細。
iconPath和selectedIconPath:底部菜單按鈕圖片與得到切換點擊高亮。

Json 文件配置好后,根據項目進行文件創建。
Demo:存放的是假數據,這一期的開發工具支持 require,假數據使用的是 .js 文件形式
里面的數據結構 json 一致,把 data 暴露出去即可


然后取數據 require 進來即可,這一點使用很方便;
Servise:服務交付層(與后臺聯調真實數據時使用);
Wxss:一些公共的 css 文件;
Images:圖片路徑;
Page:除 tabar 以外的頁面;
看到這里大家發現每個頁面都被連帶好三個不同的后綴。分別頁面,css,js 目前只能依照這樣,是微信應用號的一個規范吧。

Wxss 文件是引入你寫的樣式文件,也可以直接在里面寫樣式。

最后Js 文件需全部配置到 pages 里面才能生效。

以上是“配置小程序開發項目結構的方法”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。