Cordova + idea 环境搭建

Posted lonelyxmas

tags:

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

原文: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 环境搭建