一、創建空白Cordova應用
打開VS，選擇【新建項目】，選擇其它語言JavaScript或者TypeScript，語言的話就按個人喜好，喜歡JS就用JS，喜歡TS就用TS，推薦使用TS書寫，代碼結構和可讀性相對更強。本文演示使用JS來書寫，方便不會TS的用戶閱讀。
創建完項目后，項目結構如下：
www目錄為我們本地應用程序目錄，和一般靜態網站類似。默認主頁為index.html。腳本對應為scripts/index.js
config.xml為項目配置文件，該文件在VS中是可視化操作的。
包括項目配置，平台配置，以及Cordova插件管理，Cordova插件可以在此處添加。
打開index.html修改body內容為：
<div class="app"> <p id="deviceready" class="event">Hello Word!</p> </div>
並把index.js中自動生成的代碼注釋掉：
function onDeviceReady() { // 處理 Cordova 暫停並恢復事件 document.addEventListener( 'pause', onPause.bind( this ), false ); document.addEventListener( 'resume', onResume.bind( this ), false ); // TODO: Cordova 已加載。在此處執行任何需要 Cordova 的初始化。 //var element = document.getElementById("deviceready"); //element.innerHTML = 'Device Ready'; //element.className += ' ready'; };
注意：Update7 之前版本中沒有上述標簽和代碼，將顯示文本改為HelloWord后，直接啟動默認程序即可。
二、啟動Android預覽
選擇安卓和默認的Ripple模擬器來預覽程序。同時點開VS輸出面板，查看輸出內容。
第一次F5啟動程序的話，由於缺少部分組件和插件等，VS會自動聯網使用node下載，所以點開輸出面板查看輸出信息，如果提示正在應用第三方包，請稍等，或者信息輸出卡在某一個點，那么就是在下載對應的內容，此時VS無法停止編譯，也無法編譯成功，須等部分包下載完成后才能編譯成功，該過程視網絡環境影響，需耐心等待（一般情況在5-10分鍾即可完成，其它情況在1小時以上也有，甚至幾小時也有，具體視網絡情況而定了，開VPN貌似有一定的幫助，但是幫助不是很大）。建議F5啟動后如果編譯不通過，那么就把VS開着，讓它下載直到編譯成功，看到結果為止。如果長時間沒有反應，建議結束VS進程，重啟項目，重新F5編譯。反復幾次就行了。
首次啟動項目和編譯成apk都會有這樣問題，包下載完成后，以后再啟動預覽項目和編譯生成apk都會在一瞬間完成，就無須等待了。
1.Ripple-Android模擬器預覽結果如下：
Ripple模擬器是一個網頁版模擬器，開發建議使用，快速預覽界面，功能和兼容性，建議使用模擬器或者真機調試。
2.Android模擬器預覽：
首先啟動：AVD Manager.exe
安卓SDK的模擬器管理工具。一般在：C:\Program Files (x86)\Android\android-sdk\AVD Manager.exe
創建一個模擬器，分辨率適中即可：
確定后，啟動模擬器。由於模擬器啟動速度，運行效率都比較差，建議開啟Intel硬件加速功能，提升模擬器運行效率。
開啟硬件加速方式：
打開SDK Manager.exe 和AVD Manager.exe在同一目錄下：
勾選后下載下來。
示例機器目錄在：
C:\Program Files (x86)\Android\android-sdk\extras\intel\Hardware_Accelerated_Execution_Manager
安裝完成即可實現模擬器硬件加速效果。如果安裝過程中失敗，那么重啟電腦進入BIOS設置界面，將Intel硬件加速功能設為Enable，保存后重新進入系統安裝。即可安裝成功，硬件加速可以帶來性能的大幅度提升，效果不錯，模擬器主要針對不同機型用作適應性測試，正常開發直接使用Ripple或真機為好。
模擬器效果如下：
3.Android真機預覽
連接手機到PC上，安裝手機對應的驅動程序。開啟手機USB調試模式。確認手機和PC已經正確連接后：
將項目啟動改為【設備】,F5啟動即可：
手機畫面如下：
三、IOS預覽
1.IOS-Ripple預覽：
將設備改為IOS，模擬器選擇Ripple F5啟動預覽后如下：
預覽效果和安卓無差別。
2.IOS模擬器預覽
首先確定Mac電腦已經啟動，remotebuild服務已經運行（配置方式見前文）。
確定無誤，F5啟動模擬器運行
運行結果如下：
remotebuild服務輸出信息：
Xcode模擬器顯示輸出：
由於IOS手機暫時沒有越獄，開發者賬戶已經停用了，暫時沒有真機測試的結果，理論上模擬器成功了，真機上跑問題不是很大。
四、打包APK文件
VS2015中很多人對於打包APK可能不會操作，其實很簡單：
右擊項目【在文件資源管理中打開文件夾】打開項目文件夾，找到build.bat文件。路徑如下：
項目路徑\platforms\android\cordova\build.bat
執行build.bat，執行成功后會在對應目錄中生成build文件夾。路徑如下：
項目路徑\platforms\android\build
APK路徑為：
項目路徑\platforms\android\build\outputs\apk
此APK文件可以直接安裝使用了。
五、創建Ionic項目
目前主流的開發框架就是Cordova+Ionic+Angular。所以使用Ionic框架也是必不可少的。在VS上創建Ionic項目很簡單。
打開VS聯機模板，索搜並下載並安裝Ionic的VS模板
打開【新建項目】對話框，創建一個Ionic項目：
以創建一個側邊欄的Ionic項目為例，創建完成，項目結構如下：
F5運行預覽結果如下：
結束語：至此基本的Hello Word程序開發就結束了，VS開發整體來說效果很好，很多地方很人性化，除了加載包有點慢的讓我抓狂以外，其它都很好。喜歡此文的，可以加關注。后續會繼續更新該系列文章。