MAC-react項目cordova工程環境搭建

一.新建react項目
能夠使用create-react-app搭建
1.安裝依賴 yarn instal
2.運行 npm start
3.項目構建 npm run buildhtml

二.將打包好的build文件夾的全部內容拷貝到cordova項目的www目錄中java

三.安裝cordova項目環境
推薦打開最底部cordova中文網,首先閱讀一下在跟着作!!!react

-安裝指定版本 sudo npm install -g cordova@7.1.0
-檢測你是否知足構建平臺的要求:cordova requirements
-切換到項目目錄查看當前平臺設置情況: cordova platform ls
image.pngandroid

IOS平臺
1.檢查是否安裝xcode:xcode-select --version
image.png
如沒有安裝,擇下載對應安裝包安裝
xcode下載路徑:https://developer.apple.com/d...
注意:根據電腦版本下載合適的xcode 不然會出現安裝的時候報錯
2.安裝deployment tools
brew install ios-deploy
3.安裝開發、生產證書及描述文件
4.添加ios項目 cordova platform add ios
5.移除ios項目 cordova platform rm ios
6.打包ios cordova build ios ios

android平臺
一.安裝jdk,並配置環境變量1)JAVA_HOME
1.打開主界面,點擊其餘
2.選擇終端選項
3.輸入java -version命令查看是否安裝jdk
image.png
4.回車之後輸出版本信息就表明安裝了
5.輸入whereis java命令
6.能夠看到jdk的安裝目錄
7.查看jdk地址,配置jdk環境變量
$ /usr/libexec/java_home -V
image.png
二.安裝gradle
三.安裝android studio
四.安裝android sdk,詳見cordova-android與androi
image.pngnpm

參考官方文檔:
1.cordova中文網:
http://cordova.axuer.com/docs...
2.安裝ios高xcode版本報錯參考的博客:
https://blog.csdn.net/qq_3505...
3.Mac多版本jdk管理:
https://blog.csdn.net/tianxia...xcode

相關文章
相關標籤/搜索