剛過(guò)去的情人節(jié)，在疫情中度過(guò)小程序也是別有一番風(fēng)味，對(duì)于一些單身青年來(lái)講是被虐了個(gè)不輕，朋友圈點(diǎn)開(kāi)后，是各種轉(zhuǎn)賬，各種禮物，各種么么噠，就連打開(kāi)某條APP，都在開(kāi)頭要問(wèn)我，情人節(jié)是怎么過(guò)的，無(wú)處不在的暴擊讓小少默默關(guān)上了手機(jī)，打開(kāi)了書(shū)本，敲起了代碼。今天小程序開(kāi)發(fā)公司智個(gè)云就我們介紹一下好了，簡(jiǎn)單說(shuō)一下微信小程序開(kāi)發(fā)的知識(shí)分享。

　　微信小程序是微信官方推出一款手機(jī)應(yīng)用，是一種不需要用戶下載即可使用的APP，它的出現(xiàn)使得APP“觸手可及”，用戶可以通過(guò)掃一掃或者搜一下即可打開(kāi)應(yīng)用。

　　當(dāng)然，任何應(yīng)用都會(huì)針對(duì)開(kāi)發(fā)者出現(xiàn)一套開(kāi)發(fā)者工具，而“微信開(kāi)發(fā)者工具”就是針對(duì)小程序的開(kāi)發(fā)者而提供的一套工具。

　　當(dāng)我們打開(kāi)開(kāi)發(fā)工具的時(shí)候，映入眼簾的就是下面的界面

　　左邊是模擬顯示手機(jī)屏幕

　　右邊上半部分是工程目錄結(jié)構(gòu)和代碼編輯頁(yè)面

　　右邊下半部分是控制臺(tái)

　　接下來(lái)，我們就來(lái)正式看看一個(gè)小程序的整個(gè)主體框架，先來(lái)看看目錄結(jié)構(gòu)

　　pages：該目錄下面存放的是每一個(gè)頁(yè)面的所有文件，如上圖，有兩個(gè)頁(yè)面，一個(gè)是index頁(yè)面，一個(gè)是logs頁(yè)面

　　utils：該目錄下面的存放的是一些公共代碼抽離出來(lái)的js，一般情況會(huì)讓該js里面的代碼通過(guò)module.exports或者exports暴露出來(lái)供外部使用

　　app.js：是整個(gè)小程序的啟動(dòng)腳本，是處理一些app啟動(dòng)過(guò)程中頁(yè)面加載之前要處理的事情

　　app.json：是整個(gè)小程序的配置文件，包括window，頁(yè)面，tab等等

　　app.wxss：是整個(gè)小程序的公共樣式

　　其中，app.js和app.json是必須的，app.wxss可以空缺

　　注意，在pages下面的每個(gè)頁(yè)面也會(huì)有js，json，wxss這些文件，每個(gè)頁(yè)面下的文件是控制當(dāng)前頁(yè)面的配置、邏輯、樣式，你如果在頁(yè)面下的文件中配置了代碼，那么它們會(huì)覆蓋掉小程序的全局配置，如果你在每個(gè)頁(yè)面下沒(méi)有配置相應(yīng)的代碼，那么它們會(huì)采用小程序的全局配置。