1. 程式人生 > >ionic3+Angular4+cordova 環境搭建(手機端App開發)

ionic3+Angular4+cordova 環境搭建(手機端App開發)

、框架:ionic3+Angular4+cordova

二、環境搭建:

  1. 安裝node.js(為了使用npm來安裝ant,cordova,ionic

驗證:

2.下載jdk,並配置環境

配置教程:https://blog.csdn.net/u012934325/article/details/73441617

驗證:

3.安裝ant,並配置環境

驗證:

Buildfile: build.xml does not exist!

Build failed

說明ant安裝成功!因為ant預設執行build.xml檔案,這個檔案需要我們建立。

4.安裝cordova與ionic

安裝命令:npm install -g cordova ionic

安裝緩慢,使用cnpm安裝: npm install -g cnpm --registry=https://registry.npm.taobao.org

重新執行安裝命令:cnpm install -g cordova ionic

驗證:

 

5.下載安裝Vscode

開啟程式碼:檔案-開啟資料夾

三、程式碼執行

執行錯誤與解決

解決方法:npm rebuild node-sass

拉取程式碼,當執行的時候,會提示沒有外掛,只需要執行 npm install 或者npm i即可

打包

補充:

1.SDK安裝配置

安裝外掛

配置

系統變數->path

使用者變數->path

驗證

2.Gradle安裝配置

系統變數->path

使用者變數->path

驗證

五、其他安裝

Shadowsocks 3.0