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ù)交流,配置過程中有問題可加群求助