Cordova + idea 环境搭建

Posted 月之暗面

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cordova + idea 环境搭建相关的知识,希望对你有一定的参考价值。

1、安装前期工作

1)、安装Node.js

里面内置了npm,可以用来安装 Cordova,把该路径添加到环境变量,这样就可以在 cmd 里面任何地方使用 npm 命令
 

2)、安装android SDK

 

 2、安装cordova 并创建应用程序

1)、安装 cordova 

去任意路径下执行下列命令,如果 npm 没有找到,需要在第一步将 Node.js 安装路径加入环境变量
  • npm install -g cordova

 查看 cordova 版本,如果安装成功会有以下标志
  • cordova -v

2)、创建应用程序

  • cordova create CordovaProject io.cordova.hellocordova
  1. CordovaProject 是创建应用程序的目录名称。
  2. io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。
  3. CordovaApp 是您应用的标题。
运行成功会出现这个文件夹
 

3)、添加平台

进入到 CordovaProject 文件夹里面,运行下列命令
  • cordova platform add android
 之后会在 \\CordovaProject\\platforms 路径下出现 android 文件夹
 

 3.导入idea运行

1)、导入项目

 

 

 2)、 一直下一步就好了

3)、配置运行环境

 
左边框是Java包和安卓的包,右边表示SDK安装的路径、使用的安卓版本和Java的版本。
 
 
挑选安卓运行环境
 
 
 对每一个Modules选择Project SDK
 
 
配置运行
 
 
 
然后打开模拟器,运行该项目,运气好的花就成功了。但是我之前出现 dx.jar 读取不到的情况,然后我在网上下了个dx.jar包,替换掉就好了,猜测是下载的时候包损坏了。

 

 
 

 
 

以上是关于Cordova + idea 环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

cordova环境搭建,搭建项目,以及拍照功能的实现

Cordova 环境搭建

vs2015-Cordova开发安卓应用环境搭建

WIN7下搭建CORDOVA环境

webapp开发学习---Cordova环境搭建

WebStorm 之 Cordova 环境搭建