uni-app項目目錄和文件作用


創建的初始化項目目錄,如圖

image-20210315094809000

文件夾

  • pages 所有的頁面存放目錄
  • static 靜態資源目錄,例如圖片等
  • unpackage 就是打包目錄,在這里有各個平台的打包文件
  • components 組件存放目錄

文件

  • App.vue是我們的跟組件,所有頁面都是在App.vue下進行切換的,是頁面入口文件,可以調用應用的生命周期函數。

  • main.js是我們的項目入口文件,主要作用是初始化vue實例並使用需要的插件。

  • manifest.json 文件是應用的配置文件,用於指定應用的名稱、圖標、權限等。

  • pages.json 文件用來對 uni-app 進行全局配置,決定頁面文件的路徑、窗口樣式、原生的導航欄、底部的原生tabbar

  • uni.scss文件的用途是為了方便整體控制應用的風格。比如按鈕顏色、邊框風格,uni.scss文件里預置了一批scss變量預置。

開發規范

為了實現多端兼容,綜合考慮編譯速度、運行性能等因素,uni-app 約定了如下開發規范:

  • 頁面文件遵循 Vue 單文件組件 (SFC) 規范
  • 組件標簽靠近小程序規范,詳見uni-app 組件規范
  • 接口能力(JS API)靠近微信小程序規范,但需將前綴 wx 替換為 uni,詳見uni-app接口規范
  • 數據綁定及事件處理同 Vue.js 規范,同時補充了App及頁面的生命周期
  • 為兼容多端運行,建議使用flex布局進行開發


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM