本文實(shí)例講述了微信小程序項(xiàng)目創(chuàng)建與目錄結(jié)構(gòu)。分享給大家供大家參考，具體如下：

首先，放上微信公眾品臺(tái)的網(wǎng)址https://mp.weixin.qq.com/，下面內(nèi)容完全可以跟著做。https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html
下載開(kāi)發(fā)工具。

創(chuàng)建項(xiàng)目

如圖所示

選點(diǎn)此校驗(yàn)就行啦，右邊有個(gè)詳情也點(diǎn)開(kāi)瞅兩眼。

上傳測(cè)試和騰訊這塊點(diǎn)不了是為啥呢，因?yàn)槟銊?chuàng)建項(xiàng)目的時(shí)候沒(méi)有填寫(xiě)AppID，下一題。

具體的東西下載下來(lái)瞅瞅點(diǎn)點(diǎn)就行。下面介紹結(jié)構(gòu)。

目錄結(jié)構(gòu)

1.wxml相當(dāng)于html，wxss相當(dāng)于css

2.在 app.json 的 pages 字段，添加需要新建的頁(yè)面的路徑，將會(huì)自動(dòng)生成改頁(yè)面所需要的文件

同樣里面也會(huì)生成四個(gè)文件，且與文件名同名的文件。

3.ctrl+s相當(dāng)于點(diǎn)擊編譯

4.外面的四個(gè)文件相當(dāng)于全局文件，那么是聽(tīng)誰(shuí)的呢，當(dāng)然是就近原則了，離誰(shuí)近受誰(shuí)影響

例子：在index.wxml寫(xiě)上這么一句<text>hello world </text>，在index.wxss中寫(xiě)上text{ color:red; }，在全局wxss中寫(xiě)text{ color:blue; }，結(jié)果顏色為紅色啦。

5.json文件是來(lái)干嘛的呢。我們來(lái)看官方的解釋。app.json文件用來(lái)對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。

第一部分pages

接受一個(gè)數(shù)組，每一項(xiàng)都是字符串，來(lái)指定小程序由哪些頁(yè)面組成。每一項(xiàng)代表對(duì)應(yīng)頁(yè)面的【路徑+文件名】信息，數(shù)組的第一項(xiàng)代表小程序的初始頁(yè)面。小程序中新增/減少頁(yè)面，都需要對(duì) pages 數(shù)組進(jìn)行修改。

第二部分window

用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色。

很給力！

希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。

最新評(píng)論