Visual Studio 2015 Cordova 開發工具

Cordova 可以利用 JavaScript 與 HTML 等前端技術進行各種裝置平台的行動 App 開發,而 Visual Studio 2015 整合了相關的工具,以簡化開發過程。

在預設安裝的情形下,Cordova開發工具並沒有同時整合進Visual Studio,因此利用Cordova進行開發之前,必須完成安裝作業。開啟「控制台」點擊「程式集」進入「程式和功能」設定視窗,找到Microsoft Visual Studio Community 2015進行變更,於接下來出現的安裝畫面中,找到「跨平台行動開發 》HTML/JavaScript(Apache Cordova)」項目將其勾選,按「下一步」遵循指示進行安裝作業。

  

最後出現安裝完成畫面,按一下「關閉」結束整個安裝作業,開啟Visual Studio,點擊「檔案》新增 》專案」開啟「新增專案」視窗,於左邊的「範本」選單中,展開「JavaScript」可以看到 「Apache Cordova Apps」。



點擊「Apache Cordova Apps」,視窗中出現「空白應用程式(Apache Cordova)」,接下來指定專案名稱以儲存位置,按一下「確定」按鈕,即可建立一個全新的Cordova專案。



Visual Studio 支援數種不同的測試模擬器,工具列中的「偵錯目標」選單列舉了可用的模擬器,預設模擬器是Ripple-Nexus(Galaxy),按下箭頭將其展可以選取不同的模擬器。



Cordova 開發的過程中,通常會以不同的模擬器進行測試,其中三種Ripple模擬器會直接開啟瀏覽器以虛擬的行動裝置頁面執行,以預設的Ripple-Nexus(Galaxy)為例,按一下執行按鈕會出現以下的執行結果畫面。



瀏覽器只能進行初步的測試,針對大部份的行動裝置功能,必須透過「Google Android 模擬器」執行才能呈現行動裝置的效果,當然,最佳的作法是將編譯檔案直接安裝於實機上進行測試。



2 則留言:

Jo 提到...

請問一下,

關於cordova,我要怎麼直接輸出在手機上呢?

我的模擬器都可以用,就差輸出至實體手機了

康廷數位 提到...

將手機以usb線連接至電腦,然後在工具列中的「偵錯目標」選單點選「裝置」,接下來按一下綠色箭頭,即會自動完成部署與啟動,另外,手機的安全設定中,要記得開啟允許安裝未知來源的應用…
這一部份的說明文章後續會釋出哦,祝順利 ;)