1.準(zhǔn)備工作 下載?Node.js（下載包），WebStorm（IDE，編寫(xiě)代碼，瀏覽器調(diào)試）,JDK（webstorm 運(yùn)行環(huán)境），Android SDK?(Android編譯) 2.配置環(huán)境變量：

ANDROID_HOME????D:\Program?Files\adt\sdk??????????????????????????????（對(duì)應(yīng)sdk路徑）??

???????path?????%ANDROID_HOME%\platform-tools;??

???????path?????%ANDROID_HOME%\tools;??

3.安裝ionic等，運(yùn)行命令提示符（管理員） 輸入

? ? a.?將cordova和ionic包安裝到全局環(huán)境中（可供命令行使用）：

npm?install?-g?cordova?ionic ?? ?

?注：由于GFW，很多插件下載不下來(lái)，我們可以使用淘寶鏡像來(lái)解決這個(gè)問(wèn)題：

npm?install?-g?cnpm?--registry=https://registry.npm.taobao.org??

?安裝完成后，以后所有的插件都使用cnpm這個(gè)命令來(lái)進(jìn)行安裝。

cnpm?install?-g?ionic?cordova??

?

? ? b. 進(jìn)入你要?jiǎng)?chuàng)建項(xiàng)目的路徑：

cd?E:\Study\Android\ionic\Project??

e:??

? ? c.?創(chuàng)建一個(gè)名為myApp的還有tabs的項(xiàng)目（ionic start?<project-name>?<optional-template>）?可選模板為sidemenu 側(cè)滑、tabs 底部tab切換、blank 空白）:

ionic?start?myApp?tabs??

??? d.?myApp就為項(xiàng)目名稱,進(jìn)入myApp這個(gè)文件夾:

cd?myApp??

? ? e.?添加android平臺(tái):

ionic?platform?add?android??

? ? f.?生成androidapk:

ionic?build?android??

? ? g.?在android模擬器或真機(jī)中模擬:

ionic?emulate?android??

? ?其中f和g可以合并為：

ionic?run?android??

? ? 即生成apk，并在模擬器或真機(jī)中模擬。

?

4.更新ionic等

? ? a.更新cordova及ionic包

npm?update?-g?cordova?ionic??

? ? b.更新已建ionic項(xiàng)目中的js類庫(kù)，命令行中先進(jìn)入項(xiàng)目所在目錄，然后運(yùn)行：

ionic?lib?update??

5.展現(xiàn)ionic項(xiàng)目結(jié)果（顯示在iOS和Android上的樣式）

ionic?serve?--lab??

?

6.查看ionic版本（當(dāng)前最新版本為1.2.13）

ionic?-v ?

轉(zhuǎn)載于:https://www.cnblogs.com/fujinliang/p/6061770.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的搭建IONIC开发环境的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。