uncategorized

在MAC中的Visual Studio Code編譯ionic的Cordova專案

MAC中用Visual Studio Code做開發已經越來越稀鬆平常,但是,實際上有些時候還是會踩到雷和一些步驟需要克服,不過,其中最大好處就是可以快速使用iOS模擬器,不需要再去做Remote MAC編譯的一些設定

要在MAC啟動Visual Studio Code去編譯Codova大概需要一些基礎設定才可以讓你的Cordova專案在MAC的Visual Studio啟動。

  • 記得要安裝好npmNod.js套件,前者基本上因該都有內建在OSX裡面
  • 在Visual Studio Code中安裝Cordova編譯器

    安裝完畢就會出現手機模擬程式了

接下來步驟


  1. Mac中安裝Cordova套件

    1
    sudo npm install -g cordova
  2. MAC安裝ionic 套件

    1
    sudo npm install -g ionic
  3. 有時候套件版本會影響使用ionic開發上的一些問題,所以我們可以透過指令看目前安裝的版本是多少,以及自己現在的Cordova版本也可以知道

    1
    ionic info

這時候看似美好,因該可以編譯Cordova和啟動模擬器,若是你的模擬器是採用Serve to the browser,這時候會出現下面錯錯誤訊:
[cordova-debug-adapter] Error: Serving to the browser is currently only supported ionic 1 project

要解決這問題,就必須升級你在MAC中的ionic套件,通常這會發生你在Visual Studio開發Cordova專案後,把這專案又拿到MAC的Visual Studio Code內使用造成,升級ionic套件必須先到此Cordova專案中的www目錄下,使用ionic update的指令:

1
ionic lib update

就可以解決這問題

當你成功後,就會在原本Cordova專案的www目錄會多出一個lib的目錄,以上都安裝好之後,預設會有ios模擬器,如果需要android device,請務必另外在安裝android device模擬器,才有辦法啟動了