VS2015 Cordova Ionic移動開發（一）

一、Windows環境配置

1.如果已經安裝VS2015，打開【工具】-【選項】找到Cordova選項：

運行依賴關系查看器，用來檢測開發環境是否完整。

如果檢測顯示：

那么就是環境配置完成了。可以直接開發了。

如果顯示有錯誤頁面，那么按照錯誤頁面的提示，進行對應的環境配置即可。

一般錯誤頁面提示都是缺少對應的依賴組件，包括如下：

Git

Node.js

Android SDK

JDK

這些組件可以在安裝VS時選擇安裝，不過版本不是最新的。所以一般自己手動安裝就行了。

截至本文發布前：VS2015 Cordova目前版本已經是Update 8了。我使用的是Update7，Cordova版本5.1.1，支持Android-23。

注意：Node.js最好安裝x86 32位版本。VS官方給的意見就是推薦使用32位版本，如果你安裝了64為Node.js那么依賴關系檢查有可能提示系統沒有安裝Node.js。如果始終提示沒有安裝Node，建議改為32位。經測試，有的機器安裝64位正常，有的機器安裝64位后會提示找不到Node，根據官方意見改成32位就正常了。

2.如果VS中沒有Cordova選項請看下面步驟：

在【工具-選項】中沒有Cordova選項，那么就是安裝VS時使用了默認安裝選項，默認安裝選項里不安裝Cordova工具。重新打開VS2015的安裝包，執行安裝程序，選擇修改，會彈出所有可安裝的列表，將Cordova選項勾上，重新應用即可。建議在安裝之前把Android SDK裝上，VS安裝Android SDK默認使用Google地址，沒有VPN的話，會等相當長的時間。

打開VS安裝程序，選擇修改：

勾選Corvoda：

注意：勾選Cordova同時會自動默認勾選Android SDK和Git等工具選項，上圖沒有顯示Android SKD選項，因為測試用的電腦沒有連網，切記安裝過程保證網絡通暢。

3.如果新裝VS

推薦使用VS2015 Update1及以上版本。安裝時，選擇自定義，將需要的選項勾選，建議安裝前將Android SDK安裝好。安裝步驟如上圖所示，同時保證網絡通暢。

二、Mac環境配置

1.自己有Mac電腦

下載並安裝Xcode工具，提供編譯和模擬器。

下載安裝Node.js

使用Node指令下載並安裝remotebuild等工具

記得使用前先解鎖root賬戶

su root
sudo npm install npm -g
sudo npm install remotebuild -g
sudo npm install ios-sim -g

安裝完成remotebuild工具后，啟動remotebuild服務：

remotebuild --secure false

注意：--secure false啟用非安全模式，在我機器上測試時使用安全鏈接，無法鏈接成功，建議使用非安全鏈接，啟動結果如下：

首次啟動時會生成一個PIN碼，記得一定要記下來，需要用來在VS中配置的，如果沒有生成PIN碼使用：

remotebuild -test

或者使用

remotebuild -certificates

來生成。默認首次啟動會生產對應信息：如下

IP：192.168.1.101

PIN：214021

Port:3000

以上的PIN值是默認生成的PIN碼，如果有忘記的，貌似可以使用，如果沒有IP信息，自己在Mac中查看下IP即可。

完成上述步驟，打開VS2015 【工具】-【選項】找到Cordova選項，選擇【IOS配置】：

將上述獲取的信息填入即可，備注：建議安全模式選擇false關掉。SSL安全鏈接我簡單試了下，貌似不行，還是關掉吧。

至此IOS環境全部配置完成，只要把Mac電腦和remotebuild遠程編譯服務開啟即可，同時保持網絡通暢。

Xcode的模擬，會在VS發出編譯請求后，自動開啟。

2.沒有Mac電腦

使用微軟賬號申請一個免費的Mac雲端虛擬機，或者自己搭建Mac虛擬機即可，環境配置同上。

結束語：Hello Word程序將會在下篇中詳細介紹，包括編譯生成，模擬器，真機調試等內容。本篇僅僅介紹環境配置。如果你喜歡，請關注，后續會繼續推出。