[Apache Cordova]實作第一個Hello Cordova，並且同時build到Web、iOS

已經可以看到前幾篇，如何分別新增並啟動空白的platform，如果不清楚的話，可以再去回顧…

再來就實際開發第一個Hello World，並且同時build到Web，iOS，Android

STEP 1 ：我們將已經新增好platform Web，iOS，Android的專案開啟，我這裡是用VSCode

如果還不知道怎麼新增各平台的專案，可以參考我之前的文章

[Apache Cordova]如何建立新專案_web？

[Apache Cordova]如何建立新專案_iOS？

[Apache Cordova]如何建立新專案_Android？

專案建好之後，可以先利用指令將網頁叫起來，在command line輸入指令”Cordova run browser”，Cordova就會將網頁自動開起來，並且出現系統預設的畫面。

再來我們在程式的/Cordova/MyApp/www/index.html裡修改文字，將第四十行的

<h1>Apache Cordova</h1>

修改成

<h1>Hello Cordova</h1>

修改完之後，在command line輸入

cordova build

第一次build的話，會出現問題，看下圖

這個問題就是，我們想要利用Cordova的特性，在一個地方修改之後，其它平台也會同步修改，但是iOS的部份，必需要指定development team，才能開發，只要下拉到自已的開發team就可以了，如下圖。

先用xcode開啟MyApp專案

再command line 的地方，再執行一次指令

cordova build

就會看到build成功

接下來輸入下列指令，cordova run browser ，看一下剛才修改後的畫面

啟動browser

已經變成Hello Cordova

再將IOS run起來看看

cordova emulate ios

iOS的畫面也同步的有改變

Android的畫面也是一樣，這裡就不再示範了。

如果覺得我文章寫的還不錯，就追隨、拍手或留言討論吧，謝謝你們。