Cordova + idea 环境搭建
Posted lonelyxmas
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Cordova + idea 环境搭建相关的知识,希望对你有一定的参考价值。
原文:Cordova + idea 环境搭建1、安装前期工作
1)、安装Node.js
里面内置了npm,可以用来安装 Cordova,把该路径添加到环境变量,这样就可以在 cmd 里面任何地方使用 npm 命令
![技术分享图片](https://image.cha138.com/20210820/639c8f79135143049a4ff4e851d79144.jpg)
2)、安装android SDK
2、安装cordova 并创建应用程序
1)、安装 cordova
去任意路径下执行下列命令,如果 npm 没有找到,需要在第一步将 Node.js 安装路径加入环境变量
- npm install -g cordova
![技术分享图片](https://image.cha138.com/20210820/24072863bb334d5c9624ff24b82c23aa.jpg)
查看 cordova 版本,如果安装成功会有以下标志
![技术分享图片](https://image.cha138.com/20210820/0d83aaf7ef644c6380c388c540ed47d3.jpg)
- cordova -v
![技术分享图片](https://image.cha138.com/20210820/0d83aaf7ef644c6380c388c540ed47d3.jpg)
2)、创建应用程序
- cordova create CordovaProject io.cordova.hellocordova
- CordovaProject 是创建应用程序的目录名称。
- io.cordova.hellocordova 是默认的反向域值。 如果可能,您应该使用您自己的域值。
- CordovaApp 是您应用的标题。
![技术分享图片](https://image.cha138.com/20210820/60312ac575be4195b05234e39d2ad437.jpg)
运行成功会出现这个文件夹
![技术分享图片](https://image.cha138.com/20210820/c8b99890a03e468da27e46c5d8bb8082.jpg)
3)、添加平台
进入到 CordovaProject 文件夹里面,运行下列命令
- cordova platform add android
![技术分享图片](https://image.cha138.com/20210820/740873a56043402c9e0c35e00debd766.jpg)
之后会在 \\CordovaProject\\platforms 路径下出现 android 文件夹
![技术分享图片](https://image.cha138.com/20210820/fbe1d6e388674c309783a22e2e48a4f6.jpg)
3.导入idea运行
1)、导入项目
![技术分享图片](https://image.cha138.com/20210820/b1c3118b079e49e79de5e4230cf80804.jpg)
2)、 一直下一步就好了
![技术分享图片](https://image.cha138.com/20210820/098bbfaeff8e4a9ca69da3727606a23b.jpg)
3)、配置运行环境
![技术分享图片](https://image.cha138.com/20210820/806e2f86d807434a80f65af4615e7b0a.jpg)
左边框是Java包和安卓的包,右边表示SDK安装的路径、使用的安卓版本和Java的版本。
配置运行
![技术分享图片](https://image.cha138.com/20210820/efb715e393744ce3bfd8a116c2affe20.jpg)
挑选安卓运行环境
![技术分享图片](https://image.cha138.com/20210820/520e55cdbe7643ba86a091a5218cb1dc.jpg)
对每一个Modules选择Project SDK
![技术分享图片](https://image.cha138.com/20210820/0561c45f1f4c4279b0485f52bd1266f4.jpg)
![技术分享图片](https://image.cha138.com/20210820/1d94f85f60194e028a95c7b6ea25845d.jpg)
![技术分享图片](https://image.cha138.com/20210820/69ba49fc2f4d4e9391721ca306123ffb.jpg)
然后打开模拟器,运行该项目,运气好的花就成功了。但是我之前出现 dx.jar 读取不到的情况,然后我在网上下了个dx.jar包,替换掉就好了,猜测是下载的时候包损坏了。
![技术分享图片](https://image.cha138.com/20210820/87c8a833dd3d463ebcd205baed466853.jpg)
以上是关于Cordova + idea 环境搭建的主要内容,如果未能解决你的问题,请参考以下文章