ionic安裝

安裝Node.js

Node.js官網(wǎng)

Node.js是一個(gè)基于Chrome V8 JavaScript引擎的JavaScript運(yùn)行時(shí)

Node.js使用事件驅(qū)動(dòng)、非阻塞I/O模型,輕量而高效。

Node.js的包生態(tài)系統(tǒng)—npm,是世界上最大的開源庫(kù)生態(tài)系統(tǒng)。

安裝好Node.js后,通過npm,可以安裝ant、corova、express、ionic

配置

官網(wǎng)下載安裝包,按默認(rèn)安裝完成

命令行:輸入node -v,出現(xiàn)版本號(hào)說明安裝成功

安裝JDK

2016年底官網(wǎng)的最新JDK

JDK用來適配java環(huán)境

配置

官網(wǎng)下載JDK,解壓到D盤(建議)或默認(rèn)安裝到D盤

path:jdk中bin的位置

命令行:javac,彈出一堆選項(xiàng),說明安裝成功

安裝ant

ant官網(wǎng)

Apache ant是一個(gè)java庫(kù)和輔助編譯軟件的命令行工具

配置

ANT_HOME? ? C:\apache-ant-1.8.1

path C:\apache-ant-1.8.1/bin

classpath? C:\apache-ant-1.8.1\lib

(*配置完成后)命令行:ant -v,如提示build.xml does not exist!,說明安裝成功

安裝cordova

cordova提供了一組設(shè)備API,用來讓JavaScript訪問原生的硬件設(shè)備

cordova提供了一組統(tǒng)一的JavaScript類庫(kù)來訪問設(shè)備相關(guān)的原生后臺(tái)代碼

cordova支持常用的移動(dòng)操作系統(tǒng)

配置

命令行:npm install -g cordova ? ? ? ? ? ? ? ? 通過npm下載cordova

命令行:cordova create MyApp ? ? ? ? ? ? ? ? 通過cordova創(chuàng)建我的應(yīng)用

命令行:cd MyApp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 切換到我的應(yīng)用

命令行:cordova plamform add brower ? ? 通過cordova添加瀏覽器平臺(tái)

命令行:cordova run browser ? ? ? ? ? ? ? ? ? ? 在我的應(yīng)用中使用cordova在瀏覽器運(yùn)行

安裝express

express是基于Node.js的web應(yīng)用開發(fā)框架

配置

命令行:npm install express

如果失敗,改用命令行:npm install -g express

安裝ionic

ionic用來開發(fā)混合手機(jī)應(yīng)用的代碼庫(kù)

ionic是開源和免費(fèi)的

ionic可以優(yōu)化html、js、css的性能

ionic可用于構(gòu)建Sass和AngularJS的優(yōu)化

ionic綁定了AngularJs和Sass(css編程語(yǔ)言)作為頁(yè)面設(shè)計(jì)工具,基于PhoneGap編譯平臺(tái)實(shí)現(xiàn)跨平臺(tái)編譯

配置

命令行:npm install -g cordova ionic ? ? ? ? ? 安裝cordova

命令行:ionic start myApp tabs ? ? ? ? ? ? ? ? ? 創(chuàng)建一個(gè)名叫myApp的并含有tabs的項(xiàng)目--本人失敗了,down不下來

(可選)命令行:cd myApp ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 換到myApp

(可選)命令行:ionic platform add ios? ? ? ? ? ? ? ? ? ? 使用ionic添加ios平臺(tái)

(可選)命令行:ionic build ios? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 編譯為ios環(huán)境

(可選)命令行:emulate ios? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 模擬器運(yùn)行ios

命令行:ionic serve ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?如果出現(xiàn)一堆選項(xiàng),說明安裝成功

我覺得當(dāng)前較實(shí)際的方式:訪問http://www.runoob.com/ionic/ionic-install.html,通過網(wǎng)站提示安裝ionic環(huán)境,用Hbuilder編譯器調(diào)試和運(yùn)行

最后編輯于
?著作權(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),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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