HBuilder mui入門教程——（1）簡介__mui

從周一開始接觸mui架構，到今天完成一個簡單app的開發，時間剛好一周，mui架構豐富的外掛程式整合和方便的調用功不可沒，但是在開發過程中也遇到了一些坑，為方便以後查看，做個記錄，也希望能協助到別人更好了。以下部分內容摘自官網。 mui架構簡介

APP開發一般可以用Html5和原生開發兩種方式，考慮到效能和體驗的原因，APP開發一直以來採用原生開發方式。以往H5開發主要問題有切頁白屏、浮動元素抖動、下拉重新整理不流暢等等。

mui架構的有效解決了這些問題，通過mui架構可以用H5快速高效開發出最接近原生效果的APP。 快速體驗

官網提供了一個用mui開發的HelloMui App，可以在手機上安裝體驗一下開發效果，地址：http://dev.dcloud.net.cn/mui/ 開發工具

使用mui開發APP只需要下載一個開發IDE：Hbuilder，mui架構已經內建在裡面了。 建立mui項目

HBuilder安裝好之後，檔案->建立->移動APP，然後在彈出介面選擇mui項目就可以建立一個包含mui架構的簡單APP項目。
開啟左側中的index.html頁面，在body標籤中寫一行hello word，儲存，就可以在右側的web瀏覽器中即時看到頁面效果。 項目架構分析

在左側的專案管理器中可以看到這個項目結構很簡單，css，js，fonts三個檔案夾包含了mui架構所須的一些基本檔案，下面的manifest.json類似原生安卓開發，包含了應用的表徵圖，啟動頁，許可權等各種設定。