Cordova + idea 环境搭建
Posted 月之暗面
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cordova + idea 环境搭建相关的知识,希望对你有一定的参考价值。
1、安装前期工作
1)、安装Node.js
里面内置了npm,可以用来安装 Cordova,把该路径添加到环境变量,这样就可以在 cmd 里面任何地方使用 npm 命令
![](https://image.cha138.com/20210608/a1a7feb69be6463fab1f45ba98130490.jpg)
2)、安装android SDK
2、安装cordova 并创建应用程序
1)、安装 cordova
去任意路径下执行下列命令,如果 npm 没有找到,需要在第一步将 Node.js 安装路径加入环境变量
- npm install -g cordova
![](https://image.cha138.com/20210608/0d3a2efc397245c1affb05ec1a2b7f4c.jpg)
查看 cordova 版本,如果安装成功会有以下标志
![](https://image.cha138.com/20210608/6c823327f935414299d6b6ad15a0a175.jpg)
- cordova -v
![](https://image.cha138.com/20210608/6c823327f935414299d6b6ad15a0a175.jpg)
2)、创建应用程序
- cordova create CordovaProject io.cordova.hellocordova
- CordovaProject 是创建应用程序的目录名称。
- io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。
- CordovaApp 是您应用的标题。
![](https://image.cha138.com/20210608/2ac97c5f2ea94b869e4408ebc0b954b1.jpg)
运行成功会出现这个文件夹
![](https://image.cha138.com/20210608/39620ea66a4443a0828f8f681a33bfcd.jpg)
3)、添加平台
进入到 CordovaProject 文件夹里面,运行下列命令
- cordova platform add android
![](https://image.cha138.com/20210608/1008d2492f7542d8a93a712d292febfb.jpg)
之后会在 \\CordovaProject\\platforms 路径下出现 android 文件夹
![](https://image.cha138.com/20210608/52742fc46a9148019c472adb16e0846f.jpg)
3.导入idea运行
1)、导入项目
![](https://image.cha138.com/20210608/932acb8ac28b41c48e2d47c1df1cb16e.jpg)
2)、 一直下一步就好了
![](https://image.cha138.com/20210608/91d45bdc02ba44bcaaeb1e9aaf30f7d9.jpg)
3)、配置运行环境
![](https://image.cha138.com/20210608/347b3e5993f842a18c0d6fd8318ddc51.jpg)
左边框是Java包和安卓的包,右边表示SDK安装的路径、使用的安卓版本和Java的版本。
配置运行
![](https://image.cha138.com/20210608/617fcab70afe47b3ae09591b177ba275.jpg)
挑选安卓运行环境
![](https://image.cha138.com/20210608/a127f6be437b4e3ebd8e132adfd2d35b.jpg)
对每一个Modules选择Project SDK
![](https://image.cha138.com/20210608/c241445ab6384da29bb83beb5e5457f5.jpg)
![](https://image.cha138.com/20210608/806abb51741a4e69a1e69c05ad5e15c9.jpg)
![](https://image.cha138.com/20210608/94b38db5a0654a30934082dcc9c58cde.jpg)
然后打开模拟器,运行该项目,运气好的花就成功了。但是我之前出现 dx.jar 读取不到的情况,然后我在网上下了个dx.jar包,替换掉就好了,猜测是下载的时候包损坏了。
![](https://image.cha138.com/20210608/cb569d1ef200472e94fff382bec97b63.jpg)
以上是关于Cordova + idea 环境搭建的主要内容,如果未能解决你的问题,请参考以下文章