“`
|–components // 組件目錄
|–pages // 頁面目錄
|–static // 靜態資源目錄，如圖片、字體等
|–store // vuex模塊
|–utils // 工具類函數庫
|–App自定義網頁app生成.vuphp可以生成appe // 應用啟動入口
|–main.js // 各種全局配置
|–manifest.json // 項目配置文件，配置應用名稱、圖標、權限等
|–pages.json // 頁面路由配置文件
“`
### 4). 編譯和運行
uni-app支持自動編譯和實時預覽，在開發過程中可以方便地查看結果。編譯過程如下：
1. 在HBuilderX中，選擇要編譯的目標平臺，如Android或iOS；
2. 開發者可以連接手機進行調試，并查看頁面效果；
3. 使用HBuilderX中的調試工具，如控制臺，性能分析等，解決問題。
### 5). 打包APP
完成開發后，使用HBuilderX打包成APP：
1. 打開“發行”菜單，選擇需發布的目標平臺；
2. 根據提示設置證書、版本號、包名等信息；
3. 點擊發行，項目將被打包成APP；
4. 打包完成后，在項目目錄的“dist”文件夾中，可以找到生成的應用安裝包。
現在，你已經了解了基于uni-app框架生成APP的原理和詳細步驟。使用uni-app，開發者無需編寫多套代碼，即可實現跨多個平臺，提高開發效率。
