在安裝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)用程序。也就是說我們需要先安裝一些工具來實(shí)現(xiàn)程序開發(fā)。
要?jiǎng)?chuàng)建 Ionic 2 項(xiàng)目,你需要安裝最新版本的 CLI 和 Cordova。在此之前你需要安裝最新版本的Node.js。然后繼續(xù)安裝Ionic CLI和Cordova來進(jìn)行應(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)來進(jìn)行全局安裝。
如果因?yàn)榫W(wǎng)絡(luò)原因安裝不上解決辦法
修改npm源為淘寶npm源,可以使用下面三種方法中的任意一種
- 通過config命令
1.npm config set registry https://registry.npm.taobao.org
2.npm info underscore (如果上面配置正確這個(gè)命令會(huì)有字符串response) - 命令行指定
npm --registry https://registry.npm.taobao.org info underscore - 編輯 ~/.npmrc 加入下面內(nèi)容
registry = https://registry.npm.taobao.org
4.安裝運(yùn)行工具:
真機(jī):npm install -g ios-deploy
模擬器:npm install -g ios-sim
5.創(chuàng)建項(xiàng)目
ionic start myapp // 默認(rèn)創(chuàng)建ionic 1,加上--v2才是ionic 2
ionic start myapp --v2 //默認(rèn)tabs
ionic start myApp tabs --v2 //創(chuàng)建帶有top欄和bottom欄的示例項(xiàng)目
ionic start myApp sidemenu --v2 //創(chuàng)建帶有左側(cè)帶有menu欄的示例項(xiàng)目
ionic start myApp blank --v2 //創(chuàng)建空白項(xiàng)目
6.運(yùn)行應(yīng)用
進(jìn)入到項(xiàng)目的目錄下(cd myApp/)
瀏覽器中運(yùn)行:ionic serve
模擬器中運(yùn)行(默認(rèn)):ionic run ios
真機(jī)中運(yùn)行:ionic run ios --device
接下來就可以進(jìn)行項(xiàng)目開發(fā)了。