ionic 2 安裝教程

在安裝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源,可以使用下面三種方法中的任意一種

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ā)了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容