Cordova For Mac 环境搭建(排坑)

话不多说...开干!

Cordova 官网网站- Apache Cordova

1.安装Cordova

Cordova命令行在Node.js上运行,可在 NPM上使用。遵循平台特定指南 以安装其他平台依赖项。打开命令提示符或终端,然后键入npm install -g cordova。


如果出现权限错误Error: EACCES: permission denied, access '/usr/local/lib/node_modules')

解决方案:在命令前面+sudo   

例:sudo npm install -g cordova



2.创建一个项目

使用命令行工具创建一个空白的Cordova项目。导航到您要创建项目的目录并键入

cordova create

有关完整的选项集,请键入cordova help create。

---在命令提示符下打开要在其中安装应用程序的目录。

例:在桌面上创建Cordova项目    cd /Users/ MyMac /Desktop/C ordovaAPP (替换你自己的)

                                        上述为官方文档翻译,下方实际操作

---然后输入创建项目命令

cordova create CordovaProject         io.cordova.hellocordova      CordovaApp

CordovaProject 是创建应用程序的目录名称。

io.cordova.hellocordova 是默认的反向域值。(APP包名)

CordovaApp 是您应用的标题。



3.添加一个平台

创建Cordova项目后,导航到项目目录。从项目目录中,您需要添加要为其构建应用程序的平台。

要添加平台,请键入cordova platform add

有关可添加的平台的完整列表,请运行cordova platform。

Available platforms: (支持平台)

  android ~7.1.1    browser ~5.0.1    ios ~4.5.4    osx ~4.0.1     windows ~6.0.0

                                         上述为官方文档翻译,下方实际操作

--- cd CordovaApp(所建项目目录)

--- cordova platform add android(添加android平台 )

--- cordova platform add ios(  添加ios平台 )

--- cordova platform rm android (删除平台)



4.运行你的应用程序

--- cordova build android(构建应用程序)

--- cordova emulate android(模拟器运行)

--- cordova run android (外部模拟器或真实设备)



①  构建应用程序如果出现 

Requirements check failed for JDK 1.8

◆卸载当前JDK版本--- 卸载JAVA

由于我的MAC安装的高版本使用以下命令

--- ls /Library/Java/JavaVirtualMachines/              # 查看jdk版本sudo rm -rf 

--- /Library/Java/JavaVirtualMachines/jdk-11.0.1.jdk    # 删除对应版本

下载重新安装--- JDK1.8

卸载Cordova的Android平台

--- cordova platform rm android

添加Android 平台-

-- cordova platform add android



②  构建应用程序如果出现 

Could not find an installed version of Gradle either in Android Studio,or on your system to install the gradle wrapper. Please include gradle in your path, or install Android Studio

Gradle下载地址:  Gradle  

进入当前用户的home目录(/Users/zhuxu/) 

--- cd ~

创建.bash_profile

--- touch .bash_profile

◆编辑.bash_profile文件

--- open -e .bash_profile

更新.bash_profile文件

--- 输入source ~/.bash_profile

执行   gradle -version,查看是否配置成功。

如果没有增加权限,就会出现

--- bash: ./gradlew: Permission denied

在终端输入

chmod +x /Applications/Android\ Studio.app/Contents/gradle/gradle-4.4/bin/gradle

增加权限后还需要再更新一次

---- source ~/.bash_profile



③  构建应用程序如果出现 

No emulator images (avds) found.

1. Download desired System Image by running: /Users/zhuxu/Library/Android/sdk/tools/android sdk

2. Create an AVD by running: /Users/zhuxu/Library/Android/sdk/tools/android avd

◆打开 Terminal

--- cd $HOME

.bash_profile 文件不存在时

--- touch .bash_profile

.bahs_profile 存在时

--- open -e .bash_profile

对文件内容进行编辑(可以去android studio 配置或项目文件里面找)

export PATH=${PATH}:/Users/xiong/Library/Android/sdk/platform-tools

export PATH=${PATH}:/Users/xiong/Library/Android/sdk/tools

◆更新配置文件

--- source .bash_profile

查看是否成功

--- adb devices

④  构建应用程序如果出现 

 PANIC: Missing emulator engine program for 'x86' CPU.

◆ 打开 AndroidStudio


Cordova For Mac 环境搭建(排坑)_第1张图片

◆下载创建一个  不含  ‘X86’ CPU 的模拟器


Cordova For Mac 环境搭建(排坑)_第2张图片

到这里基本上就环境搭建完成。可以手机运行。可以模拟器运行!

你可能感兴趣的:(Cordova For Mac 环境搭建(排坑))