沒搞過ionic專案 中間遇見了很多坑，記錄下環境搭建及專案編譯備日後用的時候參考

整個過程：

編譯器：vscode

需要安裝的環境： node.js ,java jdk, gradle ，android sdk ，ionic  cordova  

nodejs java sdk gradle android 需設定環境變數 如下圖

系統變數

使用者變數中的path:

npm安裝元件過程中遇到錯誤 仔細看log,查詢相應解決方案：常見錯誤 有些元件下載不完整 或出現404 報錯時

使用淘寶映象安裝 --》 兩種方法 1. 安裝cnmp,  npm install -g cnpm
--registry=

2 或者設定淘寶的映象地址  npm config set registry https://registry.npm.taobao.org

安裝過程或者編譯專案中會出現各種問題，但是不要慫，根據log一個一個解決就ok了，

以下是自己簡要步驟

1.安裝node.js：

去官網https://nodejs.org/en/download/安裝node.js。裡面帶有nmp工具  

安裝好後 命令視窗輸入node -v ,npm 檢視版本 若獲取到版本號證明安裝成功

配置路徑快取和模組路徑：

這裡的環境配置主要配置的是npm安裝的全域性模組所在的路徑，以及快取cache的路徑，之所以要配置，是因為以後在執行類似：npm install express [-g] （後面的可選引數-g，g代表global全域性安裝的意思）的安裝語句時，會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中，佔C盤空間。
例如：我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中，則在我安裝的資料夾【D:\Develop\nodejs】下建立兩個資料夾【node_global】及【node_cache】如下圖

在命令列視窗輸入：

npm config set cache "D:\hybrid_about\nodejs\node_gllbal"
npm config set cache "D:\hybrid_about\nodejs\node_cache"

設定node.js環境變數

系統變數：

使用者變數--》 

執行npm 命令時如果出現

這種錯誤一般時因為環境變數未配置對，或者命令敲錯

檢視是否安裝成功 node -v 檢視nodejs版本

npm -v --》  版本

nodejs安裝和配置好安裝iconic 

使用命令 

npm install -g cordova ionic

安裝成功後是如下提示：

安裝好以後

，我是直接編譯的專案，但是專案中只有前端程式碼 ，程式碼中用的庫都要自己去編譯

未編譯前的專案結構：

編譯好的專案目錄結構：

可以看到多了好多包，這是vscode中顯示的結構，其它編譯器暫不知

開始編譯專案：直接在vc中開啟terminal終端（或者在專案根目錄） ->

命令ionic info 檢視環境中配置資訊，缺少什麼會有顯示

1.新增android /ios 平臺 ionic cordova platform
    ionic cordova platform add android / ios 

執行 nmp install 匯入依賴的庫

全部匯入後

執行ionic serve 即可執行到瀏覽器 

執行這個命令會出現各種各樣問題，看到問題根據報錯資訊去改就可以了----

如果編譯成功後 可以直接在chrome中執行除錯， 這時會出現跨域問題， 裝一個支援跨域的外掛 Allow-control-allow-origin  就可以解決了

打包：

打debug包：---》       ionic cordova build android

打簽名包：---》 
  1  首先執行：ionic cordova build android --release

生成未簽名的包；

2 ）使用keytool生成keystore檔案 
keytool是JDK自帶的加密工具，我們需要生成一個keystore檔案，然後儲存好，之後不需要每次都生成新的。 
執行命令列： keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000 

之後會讓我們設定一些密碼和安全問題，根據命令列提示進行設定即可，最後會在當前命令列執行的目錄下自動生成預設名為my-release-key.keystore檔案。如果你設定了alias_name，那麼檔案就是你設定的名字。validity 10000代表檔案的加密時間為10000天、

3 到專案根目錄下   jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore platforms/android/build/outputs/apk/android-release-unsigned.apk alias_name
--------------------- 
 

真機除錯的話 需要工具： chrom+ android機

打包執行到手機上後，插上usb, 開啟網頁   chrome://inspect/#devices   點選inspect

需要科學上網 才能連線到手機

高德地圖需要申請兩個key 一個android的，一個web的，webkey用於引入地圖