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

相关文章
相关标签/搜索