新公司的項目需要把 h5 頁面的東西打包成 app，需要用調用一些原生的功能。之前用過 ionic 不過略微復雜，同事說 mui 框架直接用 Hbuilder 打包就很簡單，下面就開始進入 mui 開發之旅啦～
mui 簡介
初始化項目
打開 HbuilderX 編輯器，新建一個項目，根據你的需要選擇項目模版，可以初始化一個 mui 的完整模版，還有一個 h5+ 的模板，里面有很多的例子可以參考，先學習學習。然后再初始化一個自己的項目，這里我選的是第二個，mui 模板，生成好之后，html 文件里面已經自動引入了 mui 的資源文件。
初始化好了之后，生成的項目文件如下圖，在 index.html 里面已經把 mui 的 js 文件和 css 文件引入進去了。
相對於其他的項目就是多了一個 manifest.json ,這個文件在 hbuilder 里面可以以圖形化的界面打開，很多關於 app 的配置包括啟動圖，圖標等都是在這個文件里面配置。注意，第一個應用標識（appId）是在你注冊之后自動分配給你的，點擊雲端獲取即可，會自動給你填入。這個在打包成 app 的時候需要用到。
那么到這一步你就完成了項目的初始化，可以直接開始編寫項目代碼了，其實除了manifest.json 之外，其他文件都可以自行配置。