Android 下配置Cordova 并开发自定义插件

(这是我的第1篇博客, 2017.12.11第1次编辑)


1.安装Cordova CLI

由于Cordova命令行工具采用npm包分发,所以安装cordova命令行工具,要在一下前提下:

下载和安装node.js。安装完成后你可以在命令行中使用node npm

(可选)下载和安装git client, 如果你没有。安装成功后,你可以在命令行中使用git。 这个命令行使用下载git仓库中的资源。

PS:如果安装速度较慢,可以见npm镜像切换为淘宝镜像,具体方法请自行Goolge或百度

安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。

在OS X和Linux上:

sudo npm install -g cordova*

在OS X和Linux上, npm命令加上前缀sudo因为cordova可能需要安装在其他的受限制目录比如 /usr/local/share。如果你使用可选工具nvm/nave或者具有安装目录的写权限,那么你可以省略sudo前缀。这里有更多提示 可用在使用 npm 没有 sudo前缀时,如果你想那么做。

在Windows上:

C:>npm install -g cordova

-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。

2.创建Cordova 应用

在命令行下输入:

cordova create cordovademo com.example.cordova cordovademo

--在cordovademo目录下创建一个名为cordovademo的工程,其包名为:com.example.cordova

接下来输入:

cd cordovademo

进入cordovademo目录下,然后添加android平台支持:

cordova platform add android --save

待添加完成后输入:

cordova platform ls
以检查是否添加成功。

3.编译并运行APP 到手机上

编译:

cordova build

运行:

cordova run android

4.添加插件到Cordova 工程中

例如添加相机插件:

$ cordova plugin search camera

添加插件完成后,可以通过一下命令检查是否添加成功:

cordova plugin ls

5.将Cordova项目在Android Studio 中打开

打开Android studio -> Import project 选择项目目录;

Cordova的Android Studio项目位于Cordova项目目录下的/platforms/androird/ 目录下

导入后等待gradle完成即可,中间如果出现gradle错误一般是gradle版本不对应,下载即可解决;

导入完成后即可在Android Studio 中编译、运行、调试。

你可能感兴趣的:(Android 下配置Cordova 并开发自定义插件)