Visual Studio Tools for Apache Cordova

Cordova極大地幫助了web開發(fā)者的工作，它允許開發(fā)者首次進入移動開發(fā)環(huán)境而不用降低自己的忍耐度。順便提一點，開發(fā)者可以保持自己的大部分工作習慣，尤其是交互式設計方面，Cordova為開發(fā)者提供了一個比"布局"更靈活的技術來繪制每一個所需的方案。

使用 Visual Studio Tools for Apache Cordova 生成針對 iOS、Android 和 Windows 設備的跨平臺移動應用。 通過 Visual Studio 2013 Update 4 或 Visual Studio 2015 預覽版擴展，Visual Studio 可以提供基于 Apache Cordova 使用 HTML、CSS 和 JavaScript 生成首個應用所需的工具。

設備和平臺應用：

Android 2.3.3 及更高版本（4.4+ 可提供最佳的開發(fā)人員體驗）

iOS 6、7 和 8

Windows 8 和 8.1

Windows Phone 8 和 8.1

功能

針對 iOS、Android 和 Windows

您可以使用在 Web 標準 HTML、CSS 和 JavaScript 方面的技能生成針對 iOS、Android 和 Windows 的單個應用。 Apache Cordova 為開源項目，可用于訪問瀏覽器尚不可用的本機設備 API（相機、地理位置、條形碼掃描器等）以及創(chuàng)建針對每個主要應用商店的移動應用。

創(chuàng)建代碼

您喜歡的 Visual Studio 中的所有代碼編輯功能（如 IntelliSense、語法突出顯示和許多其他功能）可用于所有 HTML、CSS 和 JavaScript 或 TypeScript 代碼。

調試和分析

從 Visual Studio 中在 iOS、Android 和 Windows 應用商店上設置斷點并執(zhí)行其他調試任務。 針對其他平臺執(zhí)行生成時無需切換工具。

預覽和測試

無論您是要使用 Android、iOS 或 Windows 模擬器、新版 Visual Studio Emulator for Android，還是在附加到計算機的物理設備上進行測試，您都可以方便地使用“調試”和“啟動”菜單確保應用的外觀和功能和預期一樣。

ToDoList 示例應用

示例應用演示了如何使用 Visual Studio 的新 Apache Cordova 項目通過常用的開源前端框架 AngularJS、BackboneJS 或 WinJS 生成應用。

下載示例：

• AngularJS 示例

• BackboneJS 示例

• WinJS 示例

咱們來瞅瞅這個Cordova CTP 3.0到底更新哪些東西：

這是CTP3.0的新的特性：

1. 更新了Ripple模擬器——實時更新Ripple!不用再重新編譯就可以看到效果！

2. 可以在Visual Studio調試部署到iOS模擬器和真機上的iOS程序了！同時實時看到修改效果！（這個目前）

3. 提高remote iOS build agent的安全性以及讓它更容易配置

4. 改善了Plugin的管理體驗，更加方便地從Git或者自己的文件系統(tǒng)導入自定義的Plugin

5. config.xml界面重新設計，更加人性化

6. 支持Apache Cordova CLI 4.0.0，支持Windows Universal App！直接可以生成Windows 8.1和Windows Phone 8.1的應用！

要使用CTP 3.0，必須是2013 update 4或者2015版本：）

如果裝過CTP 2.0的童鞋，在裝CTP 3.0的時候可能會遇到下面的問題：

需要先卸載CTP 2.0，然后再安裝CTP 3.0哈。參考

先去控制面板à程序à卸載程序，找到CTP2，卸載。

然后它會告訴你，成功卸載了，其實它是騙你的，完全沒有好么。。。

用管理員模式運行cmd，輸入：

"%ProgramData%\Package Cache\{dea88246-f74a-4171-ad6c-d9c978bf2973}\vs2013mda_0.1.exe" /uninstall /passive /force /burn.ignoredependencies={53d408db-eb91-43fb-9d8f-167681c19763};vsupdate_KB2829760

然后CTP的安裝程序會跳出來，其實它在卸載，不要以為它在安裝，時間略久一點，耐心等到進度條結束喲：）

然后就可以開始安裝CTP 3.0了！

里面node, ant, android等東西如果已經安裝過，就不要選了。

其實你也可以直接下載2015 preview版本，直接就內含了CTP 3.0。不用這么麻煩。

更新后的Ripple模擬器

添加一個工程后，選擇Ripple，運行：

在Visual Studio可以看到Debug窗口已經打開：

定位到標題位置，準備修改：

修改完畢，焦點移到其他位置：

可以看到Ripple里頭的標題欄已經改變！實時調試！不用重新編譯！

在Visual Studio調試iOS程序：

調試iOS程序可以在Ripple模擬器里頭，也可以在MAC的Simulator里面，或者直接跑在真機上。

我現在配置是MAC上跑了Parallels Desktop 10，推薦，不卡，非常好用。然后PD10上面我再跑了windows，windows 10上安裝了visual studio。

你也可以不用這樣，但是需要mac和你的pc是在一個內網里頭。

現在MAC上安裝vs-mda-remote:

然后啟動vs-mda-remote：

可以看到有個PIN碼，記下來。

回到windows里面的Visual Studio，在toolsàOptions里面，找到tools for Apache Cordova，然后配置好，mac的ip，端口以及PIN碼�，F在CTP 3.0多了PIN，保證安全性。

然后就可以開始調試了，選擇Simulator，iphone 5或者iphone 6什么的：

同樣在Visual Studio里面可以看到Debug的界面(目前只有VS 2015支持)

remote iOS build agent：

就剛才說的，添加了PIN碼，保證安全性：

導入自定義的Plugin：

輕松導入各種Plugin：

支持Cordova CLI 4.0：

現在可以直接運行Windows Universal Apps的項目了，更多Cordova CLI 4.0的功能參見。