vue項目使用uniapp生成app的全過程
更新時間：2023年10月08日 09:37:47 作者：Carla卡拉伊
這篇文章主要介紹了vue項目使用uniapp生成app的全過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
首次接觸uniapp 像個丈二和尚 百度無果 最終求助uniapp官方群群友解決
把我的完成過程記錄下來
詳細步驟
1. npm run build 打包vue項目
2. 在 HbuilderX 新建 5+app 項目
3. 將打包好的項目 dist 文件夾下的文件全部復(fù)制，拷貝到新建項目的根目錄，有重復(fù)的直接覆蓋
4. 配置啟動頭 打開新建項目的 manifest.json文件 > 圖標配置 > 自動生成圖標 > 選擇一張圖片 > 自動生成所有圖標并替換
5. 打開新建項目的 index.html ，不然瀏覽器運行時會彈框提示 瀏覽器運行尚不支持此種類型文件
6. 把 index.html 里的路徑都改成相對路徑，不然會報錯
7. 數(shù)據(jù)線連接安卓手機和電腦，打開開發(fā)者模式，use調(diào)式也打開 ，> 運行 > 運行到手機或模擬器 > 手機 ，這時項目就能在手機上展示了
注意事項(過程中遇到的小問題)
- 因為是生成手機app, 所以要先改成移動端的
- 真機或者手機模擬器都不存在跨域問題，所以要把跨域代碼去掉
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
computed是vue的配置選項,它的值是一個對象,其中可定義多個計算屬性,每個計算屬性就是一個函數(shù),下面這篇文章主要給大家介紹了關(guān)于vue中計算屬性computed的詳細講解,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了vue編寫檢測敏感詞匯組件的多種思路，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了vue使用Element el-upload 組件的相關(guān)知識，在研究學(xué)習(xí)基本使用的過程中遇到很多問題，今天特此把問題記錄分享到腳本之家平臺,需要的朋友可以參考下2021-09-09
vite.config.ts如何加載.env環(huán)境變量
這篇文章主要介紹了vite.config.ts加載.env環(huán)境變量方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue導(dǎo)出excel和echart圖形分別在不同工作表的實現(xiàn)方法
這篇文章主要給大家介紹了如何使用vue實現(xiàn)導(dǎo)出excel和echart圖形分別在不同工作表,文中有詳細的代碼示例供大家參考,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-10-10
下面小編就為大家分享一篇解決vue處理axios post請求傳參的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
下面小編就為大家分享一篇基于Vue渲染與插件的加載順序的問題詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
解決vue v-for 遍歷循環(huán)時key值報錯的問題
今天小編就為大家分享一篇解決vue v-for 遍歷循環(huán)時key值報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue3使用別名報錯問題的解決辦法(vetur插件報錯問題)
最近在寫一個購物網(wǎng)站使用vue,使用中遇到了問題,下面這篇文章主要給大家介紹了關(guān)于vue3使用別名報錯問題的解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue使用swiper插件實現(xiàn)輪播圖的示例，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-05-05