創建的初始化項目目錄,如圖
文件夾
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布局進行開發