第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何用ionicframework進行混合移動應(yīng)用開發(fā)?

如何用ionicframework進行混合移動應(yīng)用開發(fā)?

慕姐8265434 2018-12-12 11:11:11
如何用ionicframework進行混合移動應(yīng)用開發(fā)
查看完整描述

1 回答

?
慕碼人2483693

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自帶模擬器上。

查看完整回答
反對 回復(fù) 2019-01-06
  • 1 回答
  • 0 關(guān)注
  • 698 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號