vue項(xiàng)目使用uniapp生成app的全過程
首次接觸uniapp 像個(gè)丈二和尚 百度無果 最終求助uniapp官方群群友解決
把我的完成過程記錄下來
詳細(xì)步驟
1. npm run build 打包vue項(xiàng)目
2. 在 HbuilderX 新建 5+app 項(xiàng)目
3. 將打包好的項(xiàng)目 dist 文件夾下的文件全部復(fù)制，拷貝到新建項(xiàng)目的根目錄，有重復(fù)的直接覆蓋
4. 配置啟動(dòng)頭 打開新建項(xiàng)目的 manifest.json文件 > 圖標(biāo)配置 > 自動(dòng)生成圖標(biāo) > 選擇一張圖片 > 自動(dòng)生成所有圖標(biāo)并替換
5. 打開新建項(xiàng)目的 index.html ，不然瀏覽器運(yùn)行時(shí)會(huì)彈框提示 瀏覽器運(yùn)行尚不支持此種類型文件
6. 把 index.html 里的路徑都改成相對(duì)路徑，不然會(huì)報(bào)錯(cuò)
7. 數(shù)據(jù)線連接安卓手機(jī)和電腦，打開開發(fā)者模式，use調(diào)式也打開 ，> 運(yùn)行 > 運(yùn)行到手機(jī)或模擬器 > 手機(jī) ，這時(shí)項(xiàng)目就能在手機(jī)上展示了
注意事項(xiàng)(過程中遇到的小問題)
- 因?yàn)槭巧墒謾C(jī)app, 所以要先改成移動(dòng)端的
- 真機(jī)或者手機(jī)模擬器都不存在跨域問題，所以要把跨域代碼去掉
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在現(xiàn)代Web應(yīng)用開發(fā)中,版本檢測與升級(jí)提示是提升用戶體驗(yàn)的重要環(huán)節(jié),本文將詳細(xì)介紹如何在Vue應(yīng)用中實(shí)現(xiàn)這一功能,有需要的小伙伴可以參考一下2025-04-04
這篇文章主要為大家詳細(xì)介紹了vue編寫簡單的購物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題
這篇文章主要介紹了解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
全局指令是Vue.js中的一種自定義指令,可以在整個(gè)應(yīng)用中重復(fù)使用,通過Vue.directive方法定義,可以在組件內(nèi)部直接使用,指令有多個(gè)生命周期鉤子,可以接收參數(shù)和修飾符,提高代碼復(fù)用性和可維護(hù)性,本文介紹vue全局指令文件directives,感興趣的朋友一起看看吧2025-02-02
這篇文章主要介紹了vue中巧用三元表達(dá)式解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
在vue中實(shí)現(xiàn)禁止回退上一步,路由不存歷史記錄
這篇文章主要介紹了在vue中實(shí)現(xiàn)禁止回退上一步,路由不存歷史記錄，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了關(guān)于vue混入(mixin)的解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue中el-table實(shí)現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)
本文主要介紹了vue中el-table實(shí)現(xiàn)穿梭框(數(shù)據(jù)可以上移下移)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
Vuejs 實(shí)現(xiàn)簡易 todoList 功能 與 組件實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了Vuejs 實(shí)現(xiàn)簡易 todoList 功能 與 組件，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
Vue 清除Form表單校驗(yàn)信息的解決方法(清除表單驗(yàn)證上次提示信息)
這篇文章主要介紹了Vue 清除Form表單校驗(yàn)信息的解決方法(清除表單驗(yàn)證上次提示信息),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04