ionic3通過【Ionic View】移動端預(yù)覽創(chuàng)建的項目

1、cmd切換至項目目錄

Paste_Image.png

2、查看help幫助,養(yǎng)成使用系統(tǒng)提示的習(xí)慣

    $ ionic -h

3、注冊ionic賬戶
使用 ionic signup 命令自動跳轉(zhuǎn) 或 直接訪問 https://apps.ionic.io/signup 注冊用戶

$ ionic signup
使用ionic signup命令會自動打開瀏覽器訪問ionic注冊頁面

4、登錄ionic賬戶

$ ionic login
輸入賬號密碼登錄成功,注意密碼為隱藏輸入,不顯示輸入內(nèi)容

5、創(chuàng)建云端項目

(1)訪問云端項目創(chuàng)建頁面

瀏覽器訪問 https://apps.ionic.io/apps/

(2)創(chuàng)建一個云端項目

云端項目名稱可與本地項目名稱相同,也可不同,沒有影響
記下ID

(3)將本地demo-tabs項目與云端cloud-demo-tabs相連

$ ionic link

此時會出現(xiàn)一個剛剛創(chuàng)建的項目,按↓方向鍵選擇該項目,回車確認

Paste_Image.png
成功將本地demo-tabs項目與云端cloud-demo-tabs相連

6、將本地開發(fā)的demo-tabs項目上傳至云端cloud-demo-tabs

$ ionic upload
由于網(wǎng)絡(luò)環(huán)境原因可能出現(xiàn)錯誤,清理緩存重啟電腦,多試幾次即可成功!
上傳成功

7、移動端預(yù)覽

(1)移動端web預(yù)覽
手機與電腦加入一個局域網(wǎng),手機瀏覽器訪問電腦ip:8100即可

(2)移動端APP預(yù)覽

① 安卓市場/AppStore搜索【Ionic View】軟件,下載安裝

Paste_Image.png

② 打開App,點擊【PREVIEW A SHARED APP】

③ 輸入 APP-ID 后開始下載

載入項目

④ 下載完成,點擊預(yù)覽

8、APP預(yù)覽體驗與正式環(huán)境展示無差別,體驗度上完爆webapp!

歡迎大家技術(shù)交流,配置過程中有問題可加群求助

點擊加入【老王Discuz/ionic交流】QQ群

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,551評論 19 139
  • 太長了,還是轉(zhuǎn)載吧...今天在看博客的時候,無意中發(fā)現(xiàn)了@Trinea在GitHub上的一個項目Android開源...
    龐哈哈哈12138閱讀 20,394評論 3 283
  • 一根鐵絲 一彎一個圈兒 一個柳條 一彎一個圈兒 一張紙 一卷一個筒 彎曲是以柔韌 成環(huán)以改其貌 圈也
    萌龍在天閱讀 195評論 0 0
  • 我要陪你走很多的長街小巷 我要和你過很多的春夏秋冬 我要帶你輾轉(zhuǎn)卻不流離 ...
    熙嚴閱讀 399評論 0 0
  • "唉唉 你沒發(fā)現(xiàn)老大不對勁嘛"戴著黑墨鏡的魁梧男人湊近另一個男人耳邊說道"對啊,以前老大可從來不召見女人,最近特別...
    不一樂乎閱讀 269評論 5 2

友情鏈接更多精彩內(nèi)容