這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
.電腦和手機要連同一個wifi 一定是復制無線網的IP,而不是以太網的IP .在你的電腦上查找無線網絡的ipv 地址: 查找方法:windows r 然后再輸入框里輸入cmd 回車 會出現這樣: 然后輸入ipconfig 然后回車 你會看到一個ipv 的地址。復制這個地址 .在vue中找到config下的index 找到host 將host的值localhost改為剛才復制的那哥ipv 地址即可 ...
2019-11-11 13:51 0 1229 推薦指數:
這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
十天沒有寫文章了,居然還有點手生,不知道該怎么開頭了。。尷尬。 今天來分享一個小技巧--如何在手機上調試本地項目。 相信很多開發小伙伴都對手機樣式調試比較頭疼,在電腦模擬器上寫好了 css 樣式一切簡直完美,但是到了手機上就是各種問題暴露。要是本地寫好的樣式可以直接到手機上去查看,豈不是美滋滋 ...
很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢? 我們拿vue來說, 1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號 上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost ...
項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目: 步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP; 步驟二: 將ipv4地址復制下來 ---> 192.168.x.x 步驟三: 打開想要預覽的項目所在文件夾 ...
打開cmd 輸入ipconfig 找到ipv4 對應的IP地址 復制到vue項目中的config/index.js中的host 在npm run dev就可以把鏈接復制在手機上查看了 ...
方法 直接在html中引入vconsole.js文件, 然后在js腳本中使用console.log('調試內容'); 即可看到如下效果,還可以在network里面看到ajax請求 我把js文件傳到博客園,方便大家下載. vconsole.js下載地址 https ...
1. 在電腦和手機上都安裝Chrome瀏覽器;2. 手機用數據線連接到電腦上;3. 在設置的開發者選項里開啟手機的USB調試;4. 要確保手機和電腦連接的是同一局域網,並且關掉電腦上的防火牆;5. 電腦上的chrome瀏覽器訪問chrome://inspect,如果連接成功,就會在電腦 ...
1.確定電腦上安裝了node.js 2.在當前所在項目文件夾下輸入命令: npm install anywhere -g 或 npm i anywhere -g 當然 你安裝了淘寶鏡像 也可以 cnpm i anywhere -g 3.輸入命令:anywhere 即可在瀏覽器以本機ip ...