最近入職新公司，因為專案需求需要學習Cordova。由於Cordova資料確實很少而且很舊，學習過程中踩了不少坑，雖然這個東西用的真的很少，但還是準備整理出來，希望能給用到的人提供一點微薄的幫助吧。主要的學習資料來源是Cordova中文網
根據我的學習流程，我準備寫幾篇文章介紹從Cordova入門到打包自定義外掛供專案呼叫。本篇是第一篇。
這一篇主要按照以下內容進行介紹
- 安裝開發環境
- 建立App
- 編譯執行App
一、安裝開發環境
- Cordova的命令列執行在Node.js 上面並且可以通過NPM安裝。安裝Cordova命令列之前需要先安裝node.js，可以通過官網安裝，也可以通過Homebrew安裝，這裡說一下使用Homebrew安裝的命令
安裝Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
複製程式碼安裝node.js
brew install node
複製程式碼- 安裝Cordova,在OS X和Linux上, npm命令加上字首sudo,使用管理員許可權，因為Cordova會安裝在受限制的目錄下比如 /usr/local/share
$ sudo npm install -g cordova
複製程式碼二、建立App
- 首先建立一個放專案的指定資料夾，在這裡我建立到桌面,命名MyCordova。cd到MyCordova目錄下，執行建立Cordova建立App的命令
cordova create FirstCordovaPro com.example.firstcordova FirstCordova
複製程式碼引數介紹
FirstCordovaPro：專案資料夾名稱
com.example.firstcordova：專案的bundleID
FirstCordova:專案名稱
- 新增平臺
首先要進入專案目錄:
cd FirstCordovaPro
複製程式碼給你的App新增目標平臺。我們新增'ios'平臺，並確保他們儲存在了config.xml中:
$ cordova platform add ios --save
複製程式碼- 顯示已經安裝的平臺專案以及可安裝的平臺：
$ cordova platform ls
複製程式碼
$ cordova requirements
複製程式碼
三、編譯執行App
編譯專案
$ cordova build ios
複製程式碼執行專案
$ cordova run ios
複製程式碼如果專案連線了真機，會預設執行到真機上，如果沒有會執行到最新版本的模擬器上，目前我 Xcode上是iPhone-X，如果想要把專案執行到指定版本模擬器上可以執行以下命令：
檢視支援的模擬器版本：
$ cordova run ios --list
複製程式碼
執行到指定模擬器上，此處我指定的模擬器是iPhone8：
$ cordova run ios --emulator --target=iPhone-8
複製程式碼--emulator：執行到模擬器上
--target=iPhone-8：指定執行的目標模擬器
執行結果如下圖所示說明專案已經建立並執行成功：
執行到真機注意事項
執行到真機上需要先選擇開發者賬號配置簽名檔案（和Xcode建立專案真機測試一樣），否則編譯不通過
此時Xcode專案的簽名檔案處如下圖所示：
在Team處選擇開發者賬號自動生成簽名檔案之後，重新編譯執行即可。