美文网首页
Cordova For Mac 环境搭建(排坑)

Cordova For Mac 环境搭建(排坑)

作者: zhuxu | 来源:发表于2019-01-18 14:42 被阅读0次

    话不多说...开干!

    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 <path>。

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

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

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

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

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

    cordova create CordovaProject       io.cordova.hellocordova    CordovaApp

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

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

    CordovaApp 是您应用的标题。


    3.添加一个平台

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

    要添加平台,请键入cordova platform add <platform name>。

    有关可添加的平台的完整列表,请运行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


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


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

    相关文章

      网友评论

          本文标题:Cordova For Mac 环境搭建(排坑)

          本文链接:https://www.haomeiwen.com/subject/duuarqtx.html