小試基於vux開發跨平臺app

        最近項目需要基於vux開發跨平臺的app,從零開始的小白,摸索了一天多,大概知道了流程,現在記錄下:

        1. 新建項目,相關配置可參考,這裏我不使用ESLint.

            

           初始化完成後如下:

           

        2. 安裝依賴

            

        3. 測試運行

           

           

        4. 部署到真機

            

           

           打開HBuilder,新建移動APP項目:

           

           把上面生成的index.html和static文件夾拷貝到這個項目,覆蓋原有文件即可:

           

          運行。可以選擇模擬器或真機運行,這裏我選擇真機:

          

          HBuilder同步完文件後如下:

          

          在手機桌面點擊"HBuilder"時彈出如下窗口:

          

          我們需要手動信任該企業證書:

           

           

           

           點擊"Trust"即可:

           

           打開後發現頁面空白,什麼都沒,和上面的開發運行的頁面不一樣的……

           

             修改config/index.js文件,如下:

             

        5.  流程就是這樣子,後面的組件還有頁面開發啥的,就和前端開發差不多的了,這裏就不多寫了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章