使用intellij idea开发cordova项目

记录一下为intellijidea安装phonegap/cordova project插件,并开发cordova项目的过程。为了节省时间,记录一下关键环节。

1. 我的开发环境是win7系统,下载并安装node.js msi安装包。node.js是a version of chrome’sv8 javascript runtime engine,通过其可以在服务器端运行javascript,即可以使javascript成为一种web开发的全栈语言。

2. 在安装node.js msi时就会安装npm,npm是一个安装和管理Node模块的工具。

3. 通过window cmd命令行来使用npm安装cordova。npm install –g cordova,安装cordova是最好安装到nodejs的目录下,使其cordova.cmd在nodejs的安装目录下。卸载cordova的命令npm uninstall cordova -g

4. 安装java jdk,配置JAVA_HOME环境变量

5. 安装android sdk,添加ANDROID_HOME环境变量,并将tools和platform_tools文件夹添加到环境变量。

6. 由于我们是4.0以后的cordova,要下载gradle并添加gradle环境变量。

7. 如果要使用cordova的插件,那么还要下载git并配置环境变量

8. 下载并安装intellij idea phonegap/cordova plugin,之后配置

使用intellij idea开发cordova项目_第1张图片

这样就可以

(1)通过进入到cordova项目目录下,使用window cmd命令行来运行项目,

为当前cordova项目添加android platform,输入命令cordova platformadd android

查看平台准备状态 cordovarequirements android

等待编译,打包 cordovabuild android,在项目platforms/android/build/outputs/apk文件夹下找到安装包apk文件

启动安卓模拟器AVD命令 cordova emulate android

用数据线连接手机,开启USB调试 输入命令 cordova run android,就会在真机上安装apk。

(2)通过intellij idea run phonegap/cordova 来运行项目

通过以上两种方式,都可以实现生成apk,安装到emulator以及安装到真机上的效果。

经过测试,当连接到真机,run phonegap/cordova 会在真机上安装app

如果想在虚拟机上运行,如使用Genymotion,先打开Genymotion,之后run phonegap/cordova,intellij idea console会显示

No target specified, deploying to device '192.168.211.101:5555'.

使用intellij idea开发cordova项目_第2张图片

 

遇到的错误

1. executableinvalid  :使cordova.cmd在nodejs的安装目录下

2. ANDROID_SDKnot install 

ANDROID_HOME envirionmentvariable cannot found

android is not ainternal or external cmd等错误

解决方法是要配置好环境变量,并重新启动pc

3. 在使用真机测试时,可能会发生android adb端口占用错误(比如360手机助手),通过命令行语句netstat –nao|findstr port号 找到程序PID killit即可

你可能感兴趣的:(cordova)