uncategorized

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

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

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

  • 記得要安裝好npm和Nod.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模擬器，才有辦法啟動了

Share