angular+ionic+cordova(實戰項目開發中,持續更新自己學到的和遇到的)

本文轉載自查看原文 2018-03-13 09:55 2786 Angular

最近公司開始准備做app了,大佬選擇了angular+ionic+corvoda的開發結構,但是對於剛剛才開始對angular才有一點點感覺的我,就像是被一擊悶棍敲了,半天沒反應過來,emmm,怎么辦呢,開始跟着學着做唄,還能咋辦?然后開始看文檔,英語能力一般的我也能看個差不多~~~

https://ionicframework.com/docs/api/
http://www.angularui.cn/Ionic/css_doc-index.html
https://yanxiaodi.gitbooks.io/ionic2-guide/

文檔都有了,那就開始開發唄~

要先開發這個ionic App,就要配置各種環境,JDK,SDK,還要下載ionic,corvoda~~~

當然首先要有node和npm,這是前端玩依賴常用的工具,也有人用yarn/sudo等等~~~

node/npm的安裝是傻瓜式的,環境變量配置也是傻瓜式的,直接下載安裝node即可,他會順便幫你安裝npm~

ionic的下載就需要用到npm了輸入指令

npm install -g ionic　　

完成后繼續在重新打開cmd命令窗口輸入(其實看版本號就是為了看看安裝成功沒有~)

C:\Users\gxl>ionic -version
就可以看到對應的ionic的版本信息

corvoda的安裝也需要用到npm 輸入指令

npm install -g cordova

完成后同樣用cmd命令窗口看看版本(其實看版本號就是為了看看安裝成功沒有~)

C:\Users\gxl>cordova -version

接下來就是JDK的環境配置~這個網上教程比較多,我就不再一一列出來了,主要是SDK的環境配置我想說一說
SDK的環境配置:

下載並安裝Android SDK

官網（可翻牆選擇）：http://developer.android.com/sdk/index.html

不可翻牆選擇：http://www.androiddevtools.cn/

或者360安全衛士—360軟件管家—編程開發—搜索即可。

（下面以第二種方法為例進行下載）

1、下載Android SDK Tools

先找到SDK Tools,下載最新的版本即可。選擇zip的，解壓縮至目標路徑位置即可

2、雙擊“SDK Manager”，啟動SDK Manager

①、Tools的勾選圖示選項下載即可。

②、API的任意選擇一個，考慮向下兼容原則，可以下載最新的API。

③、Extras的全選

注：無法下載的會出現以下提示

此時采用有Android SDK在線更新鏡像服務器來下載安裝：

1、北京化工大學鏡像服務器地址:

IPv4: ubuntu.buct.edu.cn/ 端口：80

IPv4: ubuntu.buct.cn/ 端口：80

IPv6: ubuntu.buct6.edu.cn/ 端口：80

2、大連東軟信息學院鏡像服務器地址:

mirrors.neusoft.edu.cn 端口：80

3、鄭州大學開源鏡像站:

mirrors.zzu.edu.cn 端口：80

使用方法：

啟動 Android SDK Manager ，打開主界面，依次選擇『Tools』、『Options...』，彈出『Android SDK Manager - Settings』窗口；

在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server』和『HTTP Proxy Port』輸入框內填入上面鏡像服務器地址(不包含http://，如下圖)和端口，並且選中『Force https://... sources to be fetched using http://...』復選框。設置完成后單擊『Close』按鈕關閉『Android SDK Manager - Settings』窗口返回到主界面；

依次選擇『Packages』、『Reload』。