安裝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
JDK用來適配java環(huán)境
配置
官網(wǎng)下載JDK,解壓到D盤(建議)或默認(rèn)安裝到D盤
path:jdk中bin的位置
命令行:javac,彈出一堆選項(xiàng),說明安裝成功
安裝ant
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)行