天天看點

Cordova + idea 環境搭建

原文: Cordova + idea 環境搭建

1、安裝前期工作

1)、安裝Node.js

http://nodejs.cn/download/

裡面内置了npm,可以用來安裝 Cordova,把該路徑添加到環境變量,這樣就可以在 cmd 裡面任何地方使用 npm 指令

Cordova + idea 環境搭建

2)、安裝Android SDK

見 

http://blog.csdn.net/hj960511/article/details/53213225

 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 環境搭建