Vue開發移動端APP項目如何在手機上實時預覽效果


項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目:

步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP;

步驟二: 將ipv4地址復制下來 ---> 192.168.x.x

步驟三: 打開想要預覽的項目所在文件夾package.json文件,找到“scripts

注意! 這里, 根據vue-cli版本不同,①vue-cli3以及4的運行調試命令為:“npm run serve”,在“serve”中添加 --host 192.168.x.x。②vue-cli2的運行調試命令為:“npm run dev”,則在“dev”中添加 --host 192.168.x.x。

步驟四: 保存,重新運行

步驟五:在手機瀏覽器中輸入Network網址即可預覽該APP項目的效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM