[Codova] Hello Codova

 

因為最近我有案子要忙,所以這篇我打算寫個超基礎入門就好,

本文章說明如何在VS2015環境對Cordova Say Hello

 

一、新增專案

為簡化問題,VS2015預設是包含cordova組件完整安裝,

新增專案時,於TypeScript選項下選擇Blank App (Apache Cordova)專案。

 

二、歡迎頁面

成功新增後,你會看到Getting Starting的歡迎頁面,

其內容大致就是教你如何開始RUN程式

可參考Visual Studio Tools for Apache Cordova

 

三、RUN

確認使用預設的選項後,直接按F5把程式RUN起來,

第一次RUN會比較花時間一點,大約五到十分鐘,

期間還會出現要求開通防火牆視窗,按允許存取即可。

成功畫面如下

如果使用Android Emulator的話,Build所花的時間還會更久,

大約要15分鐘以上,視你的電腦效能而定。

期間也會出現開通防火牆視窗,按允許存取即可。

 

四、資料夾結構

先稍微了解架構就好,如下圖,

上半部紅框是cordova套件專用,看其資料夾名稱就可以知道其用途,

有plugins、res、scripts、merges,並由merges資料夾可知道cordova可以把程式打包成Android、

iOS、wp8等。下半部為App開發者專用,可知www資料夾裡面可操作基本的Html、css、js三大要素。

 

參考資料:

開始使用 Visual Studio Tools for Apache Cordova