uniapp是一款使用 Vue.js 開發跨平臺應用的前端框架，用戶可以通過編寫 Vue.js 代碼，然后再通過該軟件將代碼程序編譯到 iOS、Android、微信小程序、支付寶小程序等等多個平臺，保證內容可以正確的運行，并且給用戶用戶優秀的體驗。軟件演示 uni-app 框架的組件、接口、模板。

軟件特色

Hello Uni-App 提供精選前端技術文章，主要分為工具、框架、引擎三大類，精選文章還會包括核心代碼片段、解決思路闡述等，歡迎廣大技術人員踴躍分享。

Uni-App 是一個使用 Vue.Js 開發跨平臺應用的前端框架。

開發者通過編寫 Vue.Js 代碼，Uni-App 將其編譯到App、H5、以及各種小程序、并保證其正確運行。

Hello Uni-App演示Uni-App框架的組件、接口能力、常用模板。

如何運行uni

運行uni-app

瀏覽器運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到瀏覽器 -> 選擇瀏覽器，即可在瀏覽器里面體驗uni-app 的 H5 版。

真機運行：連接手機，開啟USB調試，進入hello-uniapp項目，點擊工具欄的運行 -> 真機運行 -> 選擇運行的設備，即可在該設備里面體驗uni-app。

如手機無法識別，請點擊菜單運行-運行到手機或模擬器-真機運行常見故障排查指南。 注意目前開發App也需要安裝微信開發者工具。

在微信開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 微信開發者工具，即可在微信開發者工具里面體驗uni-app。

注意：如果是第一次使用，需要先配置小程序ide的相關路徑，才能運行成功。如下圖，需在輸入框輸入微信開發者工具的安裝路徑。 若HBuilderX不能正常啟動微信開發者工具，需要開發者手動啟動，然后將uni-app生成小程序工程的路徑拷貝到微信開發者工具里面，在HBuilderX里面開發，在微信開發者工具里面就可看到實時的效果。

uni-app默認把項目編譯到根目錄的unpackage目錄。

在支付寶小程序開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 支付寶小程序開發者工具，即可在支付寶小程序開發者工具里面體驗uni-app。

在百度開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 百度開發者工具，即可在百度開發者工具里面體驗uni-app。

在字節跳動開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 字節跳動開發者工具，即可在字節跳動開發者工具里面體驗uni-app。

在360開發工具中導入：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 360開發工具，即可在360開發工具里面體驗uni-app。

在快應用聯盟工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 快應用聯盟工具，即可在快應用聯盟工具里面體驗uni-app。

在華為開發者工具里運行：進入hello-uniapp項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 華為開發者工具，即可在華為開發者工具里面體驗uni-app。

在QQ小程序開發工具里運行：內容同上，不再重復。

Tips

如果是第一次使用，需要配置開發工具的相關路徑。點擊工具欄的運行 -> 運行到小程序模擬器 -> 運行設置，配置相應小程序開發者工具的路徑。

支付寶/百度/字節跳動/360小程序工具，不支持直接指定項目啟動并運行。因此開發工具啟動后，請將 HBuilderX 控制臺中提示的項目路徑，在相應小程序開發者工具中打開。

如果自動啟動小程序開發工具失敗，請手動啟動小程序開發工具并將 HBuilderX 控制臺提示的項目路徑，打開項目。

運行的快捷鍵是Ctrl+r。 HBuilderX 還提供了快捷運行菜單，可以按數字快速選擇要運行的設備：