Visual Studio Tools for Apache Cordova

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

使用 Visual Studio Tools for Apache Cordova 生成針對(duì) iOS、Android 和 Windows 設(shè)備的跨平臺(tái)移動(dòng)應(yīng)用。 通過(guò) Visual Studio 2013 Update 4 或 Visual Studio 2015 預(yù)覽版擴(kuò)展，Visual Studio 可以提供基于 Apache Cordova 使用 HTML、CSS 和 JavaScript 生成首個(gè)應(yīng)用所需的工具。

設(shè)備和平臺(tái)應(yīng)用：

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

iOS 6、7 和 8

Windows 8 和 8.1

Windows Phone 8 和 8.1

功能

針對(duì) iOS、Android 和 Windows

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

創(chuàng)建代碼

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

調(diào)試和分析

從 Visual Studio 中在 iOS、Android 和 Windows 應(yīng)用商店上設(shè)置斷點(diǎn)并執(zhí)行其他調(diào)試任務(wù)。 針對(duì)其他平臺(tái)執(zhí)行生成時(shí)無(wú)需切換工具。

預(yù)覽和測(cè)試

無(wú)論您是要使用 Android、iOS 或 Windows 模擬器、新版 Visual Studio Emulator for Android，還是在附加到計(jì)算機(jī)的物理設(shè)備上進(jìn)行測(cè)試，您都可以方便地使用“調(diào)試”和“啟動(dòng)”菜單確保應(yīng)用的外觀和功能和預(yù)期一樣。

ToDoList 示例應(yīng)用

示例應(yīng)用演示了如何使用 Visual Studio 的新 Apache Cordova 項(xiàng)目通過(guò)常用的開源前端框架 AngularJS、BackboneJS 或 WinJS 生成應(yīng)用。

下載示例：

• AngularJS 示例

• BackboneJS 示例

• WinJS 示例

咱們來(lái)瞅瞅這個(gè)Cordova CTP 3.0到底更新哪些東西：

這是CTP3.0的新的特性：

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

2. 可以在Visual Studio調(diào)試部署到iOS模擬器和真機(jī)上的iOS程序了！同時(shí)實(shí)時(shí)看到修改效果�。ㄟ@個(gè)目前）

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

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

5. config.xml界面重新設(shè)計(jì)，更加人性化

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

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

如果裝過(guò)CTP 2.0的童鞋，在裝CTP 3.0的時(shí)候可能會(huì)遇到下面的問(wèn)題：

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

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

然后它會(huì)告訴你，成功卸載了，其實(shí)它是騙你的，完全沒(méi)有好么。。。

用管理員模式運(yùn)行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的安裝程序會(huì)跳出來(lái)，其實(shí)它在卸載，不要以為它在安裝，時(shí)間略久一點(diǎn)，耐心等到進(jìn)度條結(jié)束喲：）

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

里面node, ant, android等東西如果已經(jīng)安裝過(guò)，就不要選了。

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

更新后的Ripple模擬器

添加一個(gè)工程后，選擇Ripple，運(yùn)行：

在Visual Studio可以看到Debug窗口已經(jīng)打開：

定位到標(biāo)題位置，準(zhǔn)備修改：

修改完畢，焦點(diǎn)移到其他位置：

可以看到Ripple里頭的標(biāo)題欄已經(jīng)改變！實(shí)時(shí)調(diào)試！不用重新編譯！

在Visual Studio調(diào)試iOS程序：

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

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

你也可以不用這樣，但是需要mac和你的pc是在一個(gè)內(nèi)網(wǎng)里頭。

現(xiàn)在MAC上安裝vs-mda-remote:

然后啟動(dòng)vs-mda-remote：

可以看到有個(gè)PIN碼，記下來(lái)。

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

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

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

remote iOS build agent：

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

導(dǎo)入自定義的Plugin：

輕松導(dǎo)入各種Plugin：

支持Cordova CLI 4.0：

現(xiàn)在可以直接運(yùn)行Windows Universal Apps的項(xiàng)目了，更多Cordova CLI 4.0的功能參見。