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

軟件特色

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

Uni-App 是一個使用 Vue.Js 開發(fā)跨平臺應(yīng)用的前端框架。

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

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

如何運行uni

運行uni-app

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

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

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

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

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

uni-app默認(rèn)把項目編譯到根目錄的unpackage目錄。

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

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

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

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

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

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

在QQ小程序開發(fā)工具里運行：內(nèi)容同上，不再重復(fù)。

Tips

如果是第一次使用，需要配置開發(fā)工具的相關(guān)路徑。點擊工具欄的運行 -> 運行到小程序模擬器 -> 運行設(shè)置，配置相應(yīng)小程序開發(fā)者工具的路徑。

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

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

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