VS2015 ionic 開發環境配置紀要

1）第一次安裝Tools for Apache Cordova不成功，到Options檢查依賴項，缺乏Node等，從新下載了32爲的nodeJs安裝。而後運行VS安裝程序，卸載Tools for Apache Cordova，從新安裝，成功。

2）下載VS ionic模板

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/#getTemplates

 

3)for error: ApacheCordovaToolsPackage package did not load correctly

solution: https://social.msdn.microsoft.com/Forums/en-US/0e5115ca-83a7-4294-8740-289b3f453fca/rtm-known-issue-store-menu-missing-manifest-designer-exception-package-load-failure-when-creating?forum=Win10SDKToolsIssues

 

4)選擇 Andriod模擬器，報Andriod-23 SDK未安裝，按照錯誤信息提示，到C:\Program Files (x86)\Android\android-sdk 打開SDK Manager，直接install，鏈接超時。

SOLUTION:

下載最新的SDK Took ols_r25.2.3-windows.zip https://developer.android.com/studio/index.html

這只是一個SDK的安裝工具，並非SDK。 這個文件解壓後，沒有安裝程序，直接複製到一個空間大的盤便可。 運行其中的android.bat，打開SDK Manager，選擇須要的SDK庫。

選擇哪些庫參考： http://taco.visualstudio.com/en-us/docs/configure-vs-tools-apache-cordova/

設置環境變量：

Set the ADT_HOME environment variable to the SDK installation location.

Add this to the system path: %ADT_HOME%\tools;%ADT_HOME%\platform-tools

 

繼續用VS Options， Tools for Apache Cordova ->Check Dependency, 用SKD Manager安裝缺乏的SKD 庫 

 

按照VS Optons中Cordova Tools檢查依賴項 下載的 installer_r23-windows.exe 安裝後不能下載SDK。須要直接到andariod官方站點下載SDK TOOL最新版本。

 

5） for error:cordova-build error : java.lang.UnsupportedClassVersionError: com/android/dx/command/Main : Unsupported major.minor version 52.0

緣由應該是VS安裝程序自動安裝的java版本是1.7，而andriod sdk最新使用的java是1.8，

solution：下載jdk 1.8安裝 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

同時，設置在VS Options 中  java路徑 設置爲爲 C:\Program Files (x86)\Java\jdk1.8.0_131

 

6）部署andriod 模擬器又失敗，但錯誤信息是讀文件的錯誤，用管理員身份啓動VS後，問題解決

7）adariod模擬器啓動時，提示一個消息：run an x86 based Android Virtual Device (AVD) is fast 10x faster，We strongly recommend create a new ADC, 怎麼才能默認啓動x86的模擬器呢？

SDK Tools的Tools-》Manage AVDs，能夠建立AVD可修改現有AVD的配置。

不知道怎麼指定用那個AVD，因此修改了默認AVD（AVD_GalaxyNexus_ToolsForApacheCordova）的CPU配置，爲x86

error： emulator: ERROR: x86 emulation currently requires hardware acceleration!

CPU acceleration status: Please disable Hyper-V before using the Android Emulator.  Start a command prompt as Administrator, run 'bcdedit /set hypervisorlaunchtype off', reboot.

定製hyperV服務後，

 

8)安裝了ionic2項目模板，建立項目後，出現npm ERR! 404 'angular/core' is not in the npm registry.

經過錯誤信息，VS使用的node路徑爲： C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\node

這個的版本爲node -v v0.10.31， 而全局安裝的node版本爲6.x, 將C:\Program Files (x86)\nodejs\node.exe覆蓋到vs的目錄

可是VS使用的npm版本（C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External）依然不對（如何升級npm？）。

solution：按照這篇文章 https://ryanhayes.net/synchronize-node-js-install-version-with-visual-studio-2015/

直接設置VS使用全局安裝的node和npm

 

9)啓動部署inoic2項目是，出現ts編譯錯誤，沒法識別readonly關鍵字。應該是typeScript版本不對，能夠經過VS -》 Help檢查安裝的typescript版本

升級typescript ： https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/  download TypeScript 2.0 for Visual Studio 2015

10)再次部署ionic2項目，npm modules加載成功，可是出現莫名錯誤，刪除ionic2項目，從新建立，部署成功。

11）沒有出現tabs頁面，出現提示頁：You're almost ready! If you're seeing this page, then you still need to install the NPM Task Runner extension for Visual Studio and run this app again. You can download the extension from: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.NPMTaskRunner

按照提示信息，安裝NPM Task Runner

可是發現右鍵package.json沒有出現Task Runer Exploere菜單，到VS->Views->Other Windows 打開Task Runer Exploer。

終於搞定！

12)build android error when download grade

solution: http://www.cnblogs.com/freewsf/p/5802217.html  (下載到本地)

 

13)build error:Could not reserve enough space for 2097152KB object heap

solution:http://www.cnblogs.com/slmk/p/6260224.html

大致的意思是系統內存不夠用，建立VM失敗。

開始->控制面板->系統->高級設置->環境變量->系統變量

新建變量：
變量名: _JAVA_OPTIONS   
變量值: -Xmx512M

 退出cmd窗口，從新執行

 

14）Debug on VS Emulator error:  Could not locate the Android Debug Bridge (adb.exe)

修改註冊表中的android sdk path

HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools

這是由於vs指定的sdk目錄和你實際的不一致
運行 regedit 修改註冊表
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools  鍵-Path
修改Path值爲Android sdk路徑,問題解決
注意:sdk路徑下要有  \platform-tools\adb.exe

 

15)import exist ionic project:

https://taco.visualstudio.com/en-us/docs/tutorial-ionic/

 

16)ionic build android error: cordova Process 'command 'build-tools\25.0.3\aapt.exe'' finished with non-zero exit value 1

按照提示，輸入ionic build android --debug， 發現提示ANDROID_HOME環境變量沒設置，設置好後，依然有錯誤，

再次按照提示，直接運行出錯的cmd：增長 --stacktrace參數

D:\Future_TFS\BM1-5\src\FuceFPMobile\FuceFPMobileClient\platforms\android\gradlew cdvBuildDebug -b D:\Future_TFS\BM1-5\src\FuceFPMobile\FuceFPMobileClient\platforms\android\build.gradle -Dorg.gradle.daemon=true -Pandroid.useDeprecatedNdk=true --debug  --stacktrace

發現，有幾個圖片，文件名是中文，提示添加失敗，刪除圖片，問題解決