1. 程式人生 > >微信小程式學習(1)——小程式專案檔案及資料夾的功能介紹

微信小程式學習(1)——小程式專案檔案及資料夾的功能介紹

因為工作的需要所以開始接觸微信小程式了,特此來記錄自己的學習過程和遇到的一些問題。
在新建一個微信小程式專案時主要會有如下幾個資料夾和檔案,主要就是介紹一下他們的主要功能。
檔案:

  • app.js:主要就是註冊微信小程式應用
  • app.json:一些微信小程式的全域性配置,例如網路請求的超時時間,視窗的表現,各個頁面的註冊路徑等等
  • app.wxss:微信小程式整個的全域性樣式
  • project.config.json:微信開發者工具的配置資訊

資料夾:

  • pages
    存放小程式的所有頁面,每個頁面主要就是由四個檔案組成
    js檔案:存放微信小程式頁面的邏輯和一些資料互動
    json檔案:配置微信小程式頁面的配置資訊
    wxml檔案
    :展示微信小程式頁面的一些元素和內容
    wxss檔案:存放頁面樣式
  • utils
    utils.js:存放工具的函式,主要就是為了達到程式碼複用的目的

因為有前端基礎所以在瞭解微信小程式專案的組成之後就能更好的理解微信小程式的工作內容了。