入門級(jí)
https://www.w3cschool.cn/cordova/?
一停士、安裝cordova 并創(chuàng)建好一個(gè)項(xiàng)目
二、vue項(xiàng)目整合到Cordova項(xiàng)目里面
1.構(gòu)建vue項(xiàng)目
在cordova-vue目錄下安裝vue項(xiàng)目
安裝腳手架(3.0.0):npm install -g @vue/cli-init
創(chuàng)建項(xiàng)目:vue init webpack vue-app
運(yùn)行vue項(xiàng)目:npm run dev
會(huì)出現(xiàn)報(bào)錯(cuò)情況:
當(dāng)執(zhí)行vue init webpack my-project指令卓缰,報(bào)以下錯(cuò)誤
bash vue :command not found
這個(gè)提示是指沒有成功的安裝vue-cli
解決方法:
重新全局安裝全局安裝vue-cli:npm install -g vue-cli慌盯。可以先去vue-cli官網(wǎng)查看姚炕,以下是網(wǎng)址:
https://www.npmjs.com/package/vue-cli,安裝成功后再執(zhí)行vue init webpack my-project就可以了摊欠。
vue 官網(wǎng):
https://router.vuejs.org/guide/#javascript
http://www.cnblogs.com/hongdada/p/9145574.html
相關(guān)問題這個(gè)網(wǎng)址可以得到答案
https://www.imooc.com/article/70062
3.返回cordova-vue項(xiàng)目目錄重新構(gòu)建app
cordova build ios?
會(huì)報(bào)錯(cuò):下面是解決方法
sudo xcode-select --switch/Applications/Xcode.app/Contents/Developer/
安裝 cordova
利用npm命令安裝cordova
sudo npm install -g cordova
利用cordova創(chuàng)建項(xiàng)目
cordova create HelloWorld
增加iOS開發(fā)平臺(tái)
cordova playform add ios
通過iOS設(shè)備進(jìn)行運(yùn)行
cordova run ios
利用模擬器進(jìn)行運(yùn)行
cordova emulate ios --target iPhone-6s,12.1
通過模擬器運(yùn)行ionic
ionic cordova emulate ios – --buildFlag="-UseModernBuildSystem=0" --verbose
安裝UI工具 VSCODE 寫vue代碼
重新打包運(yùn)行
build一下項(xiàng)目npm run build
3.返回cordova-vue項(xiàng)目目錄重新構(gòu)建app
cordova build android
cordova emulate ios --target iPhone-6s,12.1
vscode內(nèi)容更新:
https://segmentfault.com/a/1190000014785115