Cordova环境搭建

1 安装Cordova

Cordova环境搭建_第1张图片

1.1 安装Node.js

1.2 安装Cordova CLI

    命令行:$ npm install -g cordova

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

    $ npm install -g [email protected] 就可以,不知道什么原因

(后面解决了 之前是网速原因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

Cordova环境搭建_第2张图片

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环境搭建_第3张图片

问题解决

    接下来 $cordova build

运行到浏览器:

$ cordova serve android


3. AndroidStudio导入Cordova项目

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


Cordova环境搭建_第4张图片

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


Cordova环境搭建_第5张图片

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

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

下载安装(傻瓜式安装)

安装完成--

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


Cordova环境搭建_第6张图片

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


Cordova环境搭建_第7张图片

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


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

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

你可能感兴趣的:(Cordova环境搭建)