在安裝ionic 2之前先給大家介紹一款管理mac軟件的神器---Homebrew。
安裝Homebrew
打開終端窗口, 粘貼以下腳本即可
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew search +應(yīng)用 搜索應(yīng)用
brew install +應(yīng)用 安裝應(yīng)用
brew help 查看相關(guān)命令
更多Homebrew詳情:http://brew.sh/
安裝ionic 2
Ionic 2 程序主要通過Ionic命令行工具CLI來創(chuàng)建和開發(fā)吟榴,并使用Cordova來構(gòu)建和部署為原生應(yīng)用程序株扛。也就是說我們需要先安裝一些工具來實現(xiàn)程序開發(fā)刻肄。
要創(chuàng)建 Ionic 2 項目访惜,你需要安裝最新版本的 CLI 和 Cordova椿疗。在此之前你需要安裝最新版本的Node.js该肴。然后繼續(xù)安裝Ionic CLI和Cordova來進行應(yīng)用程序開發(fā):
1.安裝node.js
brew search node
brew install node
或者官網(wǎng)下載:https://nodejs.org/zh-cn/
2.安裝ionic
npm install -g ionic
3.安裝cordova
npm install -g cordova
命令前面可能需要添加sudo提權(quán)來進行全局安裝。
如果因為網(wǎng)絡(luò)原因安裝不上解決辦法
修改npm源為淘寶npm源障陶,可以使用下面三種方法中的任意一種
- 通過config命令
1.npm config set registry https://registry.npm.taobao.org
2.npm info underscore (如果上面配置正確這個命令會有字符串response) - 命令行指定
npm --registry https://registry.npm.taobao.org info underscore - 編輯 ~/.npmrc 加入下面內(nèi)容
registry = https://registry.npm.taobao.org
4.安裝運行工具:
真機:npm install -g ios-deploy
模擬器:npm install -g ios-sim
5.創(chuàng)建項目
ionic start myapp // 默認創(chuàng)建ionic 1滋恬,加上--v2才是ionic 2
ionic start myapp --v2 //默認tabs
ionic start myApp tabs --v2 //創(chuàng)建帶有top欄和bottom欄的示例項目
ionic start myApp sidemenu --v2 //創(chuàng)建帶有左側(cè)帶有menu欄的示例項目
ionic start myApp blank --v2 //創(chuàng)建空白項目
6.運行應(yīng)用
進入到項目的目錄下(cd myApp/)
瀏覽器中運行:ionic serve
模擬器中運行(默認):ionic run ios
真機中運行:ionic run ios --device
接下來就可以進行項目開發(fā)了。