微信小程序新手教程之項(xiàng)目結(jié)構(gòu)說明，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來和小編一起看看吧

微信小程序創(chuàng)建之后會(huì)生成一個(gè)項(xiàng)目模板，如下圖所示(基本如此，但并不局限于此)

現(xiàn)在分別來說明一下每個(gè)文件及目錄的意思

app.js

程序的入口文件，必須存在。

app.js是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用框架提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。

app.json

app.json 是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋

app.json

app.wxss 是整個(gè)小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。

Pages(開發(fā)者自行創(chuàng)建)目錄是你的頁面目錄，但不是一定需要叫Pages

Utils (開發(fā)者自行創(chuàng)建)在本例中是工具類庫(kù)目錄，不是一定需要存在

在開發(fā)過程中較好遵循以上目錄結(jié)構(gòu)，特別Pages，沒個(gè)頁面獨(dú)立一個(gè)文件夾，因?yàn)槊總€(gè)頁面有自己獨(dú)立的樣式或者Js。未來方便管理。 但是，如果有公共樣式的存在，請(qǐng)寫在app.wxss

下面小編就給大家介紹一種一個(gè)小程序吧

嗨圖功能

1、專題——DIY圖片的模板，點(diǎn)擊可以生成使用，分享到朋友圈。

2、分享墻——用戶上傳的自己DIY作品。

3、立即制作——可以用自己的圖來DIY。

4、告訴我——告訴產(chǎn)品的改進(jìn)，內(nèi)容的增加。

想要體驗(yàn)怎么制作屬于自己個(gè)性朋友圈照片的用戶，掃一掃下面的二維碼就可以啦!還等什么，趕緊掃碼體驗(yàn)，開啟你的嗨圖之旅吧!