1. 程式人生 > >ionic+cordova混合開發app【一、環境搭建】

ionic+cordova混合開發app【一、環境搭建】

APP開發採用ionic進行開發,ionic官網http://ionicframework.com/docs/。
開發軟體採用Visual Studio,安裝包百度下載即可。

版本
ionic 3.9.2
node v8.12.0
cordova 6.5.0

1、node簡介:


1)Node 是一個伺服器端 JavaScript 直譯器,它將改變伺服器應該如何工作的概念。它的目標是幫助程式設計師構建高度可伸縮的應用程式,編寫能夠處理數萬條同時連線到一個(只有一個)物理機的連線程式碼。
2)詳見:http://www.ibm.com/developerworks/cn/opensource/os-nodejs/

,或查閱相關資料。

2、node及npm安裝:


1)安裝node.js:
進入官網:https://nodejs.org/en/,選擇適合版本安裝,node安裝自帶npm(node package manager)。
2)安裝成功檢查CLI(command-line interface):
node -v:檢視當前node版本號
npm -v:檢視當前npm版本號
3)使用npm安裝外掛 npm install <name> [-g] [--save-dev]:
<name>:node外掛名稱。
-g:全域性安裝,可以通過命令列在任何地方呼叫它,本地安裝將安裝在定位目錄的node_modules資料夾下,通過require()呼叫。
--save:將儲存配置資訊至package.json。
-dev:儲存至package.json的devDependencies節點
4)cnpm安裝:
CLI:npm install cnpm -g --registry=https://registry.npm.taobao.org
因為npm安裝外掛是從國外伺服器下載,受網路影響大,可能出現異常,如果npm的伺服器在中國就好了,所以我們樂於分享的幹了這事。 cnpm跟npm用法完全一致,只是在執行命令時將npm改為cnpm(以下操作將以cnpm代替npm)。
5)node的升級:

3、cordova的安裝:


1)cli:npm(cnpm) install -g cordova
安裝指指定版本;cnpm install -g [email protected]
2)檢查是否安裝成功:cordova -v

4、ionic的安裝:


1)npm install -g ionic
cnpm install -g [email protected]
2)檢查:ionic -v

5、ionic官方文件解讀:


1)百度‘ionic’
2)點選ionic Documentation,進入官網

6、安裝安卓開發平臺:


1)推薦安裝android studio,整合android sdk的安裝。
2)配置android sdk的環境變數,在path新增sdk的路徑。

7、IOS開發平臺:


1)安裝xcode。
2)在命令列執行ionic info根據提示安裝缺少的環境。