上一節說了如何開通小程序帳號及項目建立,今天說一說基礎文件構成及做用,。(我以爲不必想的那麼全面複雜,因此都是我的簡單理解,不是那麼全面,大佬手下留情)
左邊是模擬器,中間是文件目錄,右邊是具體的文件的內容。咱們主要看中間的文件css
pages
pages文件夾下面的是頁面相關的文件,微信給的demo中pages下有兩個文件夾,每一個文件夾包含4個文件(沒錯,這就是你頁面的文件存放位置)html
.js文件:其實就至關於APP的controller,裏面包括data(頁面數據,至關於全局變量),頁面的生命週期函數,以及你須要的邏輯功能。
.json:能夠配置navigationBar的一些信息
.wxml:佈局文件,理解成html 就行
.wxss:和vue中的css模塊中的同樣,具備scoped特性前端
utils
這裏存放的是.js文件,與pages裏面的.js文件不一樣,這裏的.js文件是一些公共類文件vue
app
app.js:裏面的App是用於啓動時作一些內容加載請求使用,是小程序未進入首頁以前的(用前端理解那就是程序運行前先獲取用戶信息及配置)json
app.json:小程序配置信息文件,如navigationBar(從字面意思就能夠理解出,這就是底部導航)等這些配置。小程序
app.wxss:公共樣式。微信
曾經有個我覺得的大佬跟我說過,遇到一個新的技術直接操做代碼會理解或者學習的比較好,可是呢,我以爲,我仍是會先看一遍官方文檔,不須要記住多少東西,有個模糊的印象在敲代碼來的更快。每一個人學習方式不同,選擇本身合適的。app