Cordova4.0 系列 -- 基本環境搭建(1)

賀臣發表於2015-06-07

 

 

一. 安裝Node.js基本環境

  官網下載地址:https://nodejs.org/

  安裝成功之後可以使用簡單命令檢視其版本

node -v

  npm相關命令

node cli.js install npm -gf         //安裝最新的NPM
node cli.js install npm@1.0.105 -gf //可以安裝指定版本的NPM

   安裝Ant:http://ant.apache.org/

   安裝Git: http://git-scm.com/

   下載Android SDK 以及開發工具,目前有Android Studio 工具比較方便

   共享一個Android SDK下載地址: http://pan.baidu.com/s/1i3vjl8T

二. 安裝Cordova

  安裝最新版本的Cordova

npm install -g cordova

  安裝指定版本的Cordova

npm install -g cordova@4.0.0

  檢視Cordova的基本資訊情況

npm info cordova 

  更新Cordova版本

npm update cordova -g

   更多命令請檢視官網

 

三. 建立一個解決方案

  指定一個工作目錄,然後再cmd命令列總進入這個目錄,比如M:\Android\PhoneGap0602

cd M:\Android\PhoneGap0602

  建立一個解決方案,使用如下命令,建立成功之後如圖

cordova create bertphone com.yourname.myapp BertPhone

  

  進入工程目錄

cd bertphone

  新增對平臺的支援

cordova platforms add android

  新增外掛的支援

cordova plugin add org.apache.cordova.device 
cordova plugin add org.apache.cordova.console 

 

 三. eclipse匯入工程目錄

  使用Eclipse匯入安卓工程專案,選擇目錄platforms 下的android資料夾

匯入成功之後如圖,BerthApp是手機可執行程式包,CordovaApp-CordovaLib 是Cordova核心包原始碼

 

 四. Cordova 簡介

  目前移動開發較為火熱,比較流行的有Android 和 IOS, 而移動開發分為三種: 

  1. 原生態開發:也就是使用Android(java) 來開發, 以java語言為基礎

  2. WebApp: 使用Html5 + JS, 基於手機瀏覽器

  3. 混合開發:基本和WebApp開發類似,也是基於手機瀏覽器,但是可以打包為App檔案

 

  而混合開發就會使用到Cordova,Cordova前身為PhoneGap, PhoneGap捐獻Apache之後變取其核心更名為Cordova,本文使用Cordova4.0版本為基準

  隨著版本的變更,Cordova版本的差異會有不同,在除錯開發程式碼的時候很為不便

 

  


作者:情緣
出處:http://www.cnblogs.com/qingyuan/
關於作者:從事倉庫,生產軟體方面的開發,在專案管理以及企業經營方面尋求發展之路
版權宣告:本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連結。
聯絡方式: 個人QQ  821865130 ; 技術QQ群 88718955 ; 上海戶外登山群 424433027

相關文章