1. 環境配置

參考網址

https://blog.csdn.net/qq_17759721/article/details/78650481

1、請預先安裝好nodejs (官網：https://nodejs.org/en/)

【開啟命令列執行】

2、安裝淘寶映象命令  npm install -g cnpm --registry=https://registry.npm.taobao.org 

3、設定全域性的npm從國內源載入   npm config set registry https://registry.npm.taobao.org

4. 安裝ionic和cordova： npm install -g cordova ionic

5. 如果第四步報錯，可以用cnpm安裝,命令列: cnpm install -g ionic 

以上為基本環境搭建，安裝完畢後執行下面命令，看一下,是否安裝成功：

1. 建立專案

1.在專案資料夾初始化專案命令：ionic start demo tabs

出現錯誤，解決方案1：在建立專案時跳過依賴項，並不行

解決方案2：安裝一個全域性的npm，並不行，之前就是全域性的-g

解決方案3：出現錯誤的原因是國內訪問icon伺服器的專案下載失敗，無法連線。

不能用公司的網，自己開熱點，以上方法可以用，注意：要把第一句的-npm換成-cnpm才可。

一般專案開始會沿用之前的搭建好的專案（包含常用外掛、loading、http請求等方法），不用自己新建專案，如果自己新建不成功，建議拷貝一個空專案，直接使用。

執行ionic serve，瀏覽器出現以下頁面，表示建立成功：

1. 真機執行

1）首先得有SDK，拷貝一個或者自己下載，配置環境變數

參考網址https://www.cnblogs.com/harlem/p/6794616.html

2）在新建的，能夠瀏覽器執行的ionic專案裡面（cd 專案名）執行下面命令：

ionic cordova platform add android 新增Android平臺支援

如果安裝的目錄不對，或者沒下載完全可以刪除重新下載：

ionic cordova platform remove android 刪除Android平臺支援

3）ionic build android 編譯專案（編譯出錯，應該是gradle沒安裝，參考百度配置gradle的環境變數，還是失敗的話，安裝一個Android studio管理SDK，SDK的版本問題也會導致編譯失敗）

如果有aapt字樣的錯誤，有可能是網路原因，有些東西沒下載下來，再試一次。刪除node_modules下面的所有檔案，執行命令列npm i試一下。

修改Android平臺下的兩個gradle檔案，新增

configurations.all {
  resolutionStrategy {
    force 'com.android.support:support-v4:27.1.0'
  }}

4）ionic cordova run android執行專案（先保證連線到手機，手機開啟除錯模式）

等會，然後手機上就出個白色頁面，再等幾秒，出現主頁。

Build、run成功以後，Android的目錄結構如下