1.準備工作 下載?Node.js（下載包），WebStorm（IDE，編寫代碼，瀏覽器調試）,JDK（webstorm 運行環境），Android SDK?(Android編譯) 2.配置環境變量：

ANDROID_HOME????D:\Program?Files\adt\sdk??????????????????????????????（對應sdk路徑）??

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

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

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

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

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

?注：由于GFW，很多插件下載不下來，我們可以使用淘寶鏡像來解決這個問題：

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

?安裝完成后，以后所有的插件都使用cnpm這個命令來進行安裝。

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

?

? ? b. 進入你要創建項目的路徑：

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

e:??

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

ionic?start?myApp?tabs??

??? d.?myApp就為項目名稱,進入myApp這個文件夾:

cd?myApp??

? ? e.?添加android平臺:

ionic?platform?add?android??

? ? f.?生成androidapk:

ionic?build?android??

? ? g.?在android模擬器或真機中模擬:

ionic?emulate?android??

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

ionic?run?android??

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

?

4.更新ionic等

? ? a.更新cordova及ionic包

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

? ? b.更新已建ionic項目中的js類庫，命令行中先進入項目所在目錄，然后運行：

ionic?lib?update??

5.展現ionic項目結果（顯示在iOS和Android上的樣式）

ionic?serve?--lab??

?

6.查看ionic版本（當前最新版本為1.2.13）

ionic?-v ?

轉載于:https://www.cnblogs.com/fujinliang/p/6061770.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。