1. 程式人生 > >cordova+vue構建iOS APP

cordova+vue構建iOS APP

1、環境搭建
在iOS上構建APP,所需要的環境,同android類似,需要java,不同的是安裝xcode,可參考上一篇android構建文章


2、cordova
----安裝cordova 命令列輸入npm install -g cordova
----建立cordova-app專案,設定包名為cordova-app
cordova create cordova-app
----安裝外掛 cordova add plugins
----安裝ios平臺 cordova platform add ios
----檢查環境cordova requirements


3、vue
----安裝vue npm install -g vue-cli


----建立vue專案,設定包名為vue-app
vue init webpack vue-app
----安裝依賴 npm install
----更改打包路徑 config.xml
----編譯 npm run dev
----打包 npm run build
----打包成APP,回到cordova-app中 cordova run ios
我在部署到模擬機上時,預設用iPhone X並且自動執行,彈出iPhone X模擬機

4、可能出現的問題:
----1、依賴缺失:提示check dependencies,此時注意看提示,缺什麼依賴,就安裝什麼依賴

----2如果出現以下錯誤,解決思路是,他報錯缺什麼路徑,你就新建一個跟報錯提示一樣的路徑


在這裡插入圖片描述

基本上ios的報錯都會有提示,需要耐心看報錯資訊,找到關鍵詞,再進行解決就OK了