1 回答

TA貢獻1860條經(jīng)驗 獲得超9個贊
方法/步驟
1
進行以下操作前請確保電腦已經(jīng)安裝了nodejs。
2
安裝Ionic CLI
打開mac的終端(Terminal),輸入:
sudo npm install -g ionic
回車后輸入mac的用戶密碼,就可以把ionic CLI安裝到全局位置
安裝命令與安裝結(jié)果如下:
3
安裝cordova
在終端中輸入:
sudo npm install -g cordova
把cordova 安裝到全局位置
安裝命令與安裝結(jié)果如下:
4
安裝ios真機調(diào)試
在終端中輸入:
sudo npm install -g ios-deploy
這樣就可以使用ionic 命令進行ios真機調(diào)試了。
安裝命令與安裝結(jié)果如下:
END
方法/步驟2
1
新建一個項目
在終端中輸入:
ionic start myFirstApp sidemenu
其中“myFirstApp”是我們的項目的名稱,"sidemenu"是項目模板,其中可用的模板還有:
blank ................ A blank starter project for Ionic
complex-list ......... A complex list starter template
maps ................. An Ionic starter project using Google Maps and a side menu
salesforce ........... A starter project for Ionic and Salesforce
sidemenu ............. A starting project for Ionic using a side menu with navigation in the content area
tabs ................. A starting project for Ionic using a simple tabbed interface
tests ................ A test of different kinds of page navigation
執(zhí)行命令與執(zhí)行結(jié)果如下:
2
項目結(jié)構(gòu)截圖如下:
3
打開終端,cd到項目根目錄下:
輸入:ionic platform add android
添加一個android平臺。
執(zhí)行命令與執(zhí)行結(jié)果如下:
4
在網(wǎng)頁中預(yù)覽剛才的項目:
在終端中輸入:
ionic serve
如下截圖表示已經(jīng)成功在本地開啟了預(yù)覽。
執(zhí)行命令與執(zhí)行結(jié)果如下:
5
打開瀏覽器在瀏覽器地址里輸入上面的地址:
http://localhost:8100
一個新的項目就這么簡單的新建好了。
在終端中輸入q會停止服務(wù)
預(yù)覽截圖如下:
6
安裝到iphone中運行
在終端中輸入:
ionic build ios
然后輸入:
ionic run --emulate ios
會自動打開iphone模擬器并進行安裝。
執(zhí)行命令與執(zhí)行結(jié)果如下:
7
安裝到android設(shè)備或模擬器上同樣類似的方法:
先把安卓設(shè)備連接到電腦上
先輸入:
ionic build android
然后輸入:
ionic run --device android
這樣會安裝到真機上
或者輸入:
ionic run --emulate android
這樣會安裝到android自帶模擬器上。
- 1 回答
- 0 關(guān)注
- 698 瀏覽
添加回答
舉報