使用visual studio 2013 快速搭建phonegap開發環境

前一段時間開發了一款簡單的Phonegap應用,遇到了很多坑,其中有一個坑就是在搭建開發環境上。由於Phonegap 2.x 與3.x 區別比較大,導致了開發環境也有所不同。
2.x 是這樣的
http://www.cnblogs.com/Random/archive/2011/12/28/2305398.html
這一系列的文章有些沒講清楚版本號,也是入坑的一個原因吧。

3.x 需要通過nodejs安裝

npm install -g phonegap

生成相應平臺的工程文件,然後再開發。

另外,在這再解釋一下cordova和phonegap的關係,某百科上這麼解釋的

ordova是貢獻給Apache後的開源項目,是從PhoneGap中抽出的核心代碼,是驅動PhoneGap的核心引擎。你可以把他想象成類似於Webkit和Google
Chrome的關係。

但我用下來發現這兩個除了名字和一些命令寫法之外,沒有什麼區別,幾乎可以等同起來。

好了,廢話說了那麼多,開始進入正題了,使用visual studio 2013 快速搭建開發環境
首先需要將visual studio 2013 升級到 update3。

工具->擴展與更新->update 3

update 3

將近6個G,需要等待一段時間
然後安裝
Multi-Device Hybrid Apps

安裝的時候會提示你安裝所需環境
安裝環境

簡直so easy,對於新手來說實在太棒了,一鍵配置各種環境。

接着重啓vs,就能在

文件->新建->項目->Javascript/Typescript

下面找到Blank App

blank app

點擊確認,一個項目就新建好了

主要的配置在config.xml中,有一項非常便捷的地方在於可以直接配置plugin。
圖片描述
圖片描述

在Debug下的配置管理器能選擇相應的平臺

圖片描述

值得一提的是,netbeans也支持cordova開發,但總體來說沒VS2013方便,優勢也顯而易見就是免費。

發佈了96 篇原創文章 · 獲贊 2 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章