美文网首页
Cordova环境搭建

Cordova环境搭建

作者: 噢是珊珊吖 | 来源:发表于2018-11-23 17:49 被阅读0次

    1 安装Cordova


    1.1 安装Node.js

    1.2 安装Cordova CLI

        命令行:$ npm install -g cordova

        我安装不成功 用的cnpm,但是创建项目时失败

        $ npm install -g cordova@6.0.0 就可以,不知道什么原因

    (后面解决了 之前是网速原因npm下载失败了,后面没有卸载干净,....nodejs\node_modules下的cordova文件夹删除后再次运行npm install -g cordova,成功解决问题)

    1.3 部署Android开发环境

           这里我们以android为目标平台。

        接下来我们开始android平台下相关环境的部署。

        这里我们安装AndroidStudio,可以访问 http://www.android-studio.org/

        cordova官方文档 https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

    1.3.1 安装JDK

    1.3.2 安装Android SDK

    把上面那些都安装配置好环境变量,可以看下面两个文档

    https://www.cnblogs.com/xiadewang/p/7820377.html

    https://blog.csdn.net/hahahhahahahha123456/article/details/80651359

    2 创建Cordova的第一个应用 hello

        $ cordova create hello com.example.hello HelloWorld

        $ cd hello

        $ cordova platform add android (移除cordova platform remove android)

        $ cordova requirements

    出现问题 error: could not find gradle wrapper within android sdk.

    找到Android Studio的安装目录下的gradle template,例如:

    C:\Program Files\Android\Android Studio\plugins\android\lib\templates

    复制到SDK目录下,例如:

    C:\Users\IBM_ADMIN\AppData\Local\Android\sdk\tools

    出现问题 Error: Android SDK not found. Make sure that it is installed. If it is not at the default location,查看环境变量没有问题

    自从升级android studio2.3.1后,运行ionic项目时无法再在android平台上启动。网上查了很多信息后,得知是android sdk废弃android命令,以及改变了目录结构。

    解决办法如下:

    移除android sdk目录的tools文件夹

    下载

    https://dl.google.com/android/repository/tools_r25.2.3-linux.zip

    解压出来,将解压得到的tools文件夹复制到android sdk目录下

    问题解决

        接下来 $cordova build

    运行到浏览器:

    $ cordova serve android

    3. AndroidStudio导入Cordova项目

        经过上一步的cordova项目build成功后,我们打开下面目录,会看到一个build.gradle,它就是我们项目的关键,因为项目本身就是用gradle来构建的。

    最后一步,我们打开AndroidStudio来导入上面看到的.gradle文件,就可以在AndroidStudio中来编写我们的应用了,也可以很方便的在模拟器上预览

    AS自带的模拟器 我用不了 所以安装了夜神

    下载网址:https://www.yeshen.com/

    下载安装(傻瓜式安装)

    安装完成--

    cmd 进入studio的sdk的tools目录下,输入:adb.exe connect 127.0.0.1:62001

    然后打开项目,直接点击运行按钮如图所示,会弹出设备选择界面,第一个就是对应的设备,选中后点击OK按钮

    项目已经在模拟器上运行了,到此可以使用调试了

    后面自带的模拟器 可以用了 要在BIOS中开启VT 可以自己百度

    开启之后 在命令行 输入cordova run 就会自动打开模拟器

    相关文章

      网友评论

          本文标题:Cordova环境搭建

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