Cordova + idea 环境搭建

时间:2022-09-23 18:36:07

1、安装前期工作

1)、安装Node.js

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

2)、安装Android SDK

 

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

1)、安装 cordova

去任意路径下执行下列命令,如果 npm 没有找到,需要在第一步将 Node.js 安装路径加入环境变量
  • npm install -g cordova
Cordova + idea 环境搭建
 查看 cordova 版本,如果安装成功会有以下标志
  • cordova -v

Cordova + idea 环境搭建

2)、创建应用程序

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

3)、添加平台

进入到 CordovaProject 文件夹里面,运行下列命令
  • cordova platform add android

Cordova + idea 环境搭建

 之后会在 \CordovaProject\platforms 路径下出现 android 文件夹
Cordova + idea 环境搭建
 

3.导入idea运行

1)、导入项目

 
Cordova + idea 环境搭建

2)、 一直下一步就好了

Cordova + idea 环境搭建

3)、配置运行环境

 

Cordova + idea 环境搭建

左边框是Java包和安卓的包,右边表示SDK安装的路径、使用的安卓版本和Java的版本。
 Cordova + idea 环境搭建
 
挑选安卓运行环境
 
Cordova + idea 环境搭建
 
 对每一个Modules选择Project SDK
 

Cordova + idea 环境搭建

 

配置运行

 

Cordova + idea 环境搭建

 
Cordova + idea 环境搭建
 
然后打开模拟器,运行该项目,运气好的花就成功了。但是我之前出现 dx.jar 读取不到的情况,然后我在网上下了个dx.jar包,替换掉就好了,猜测是下载的时候包损坏了。
Cordova + idea 环境搭建