在開發(fā)移動端的時候耀销，特別想在真機(jī)上看自己開發(fā)出來的成果，之前用的是 Ghostlab這玩意铲汪，可是呢熊尉，這玩意是要收費(fèi)的，而且只有7天的體驗(yàn)時間掌腰，感覺有點(diǎn)不滿足帽揪。
現(xiàn)在分享一個更加方便的方法，是在webpack工具構(gòu)建在的vue項(xiàng)目辅斟，實(shí)現(xiàn)真機(jī)實(shí)時預(yù)覽...
1.電腦和手機(jī)連接同一個wifi
用wifi共享大師開個wifi转晰，手機(jī)連接，這都是常規(guī)操作啦
2.查詢本地IP地址
WIN + R士飒，輸入cmd回車查邢，打開命令提示符，輸入ipconfig酵幕，查看本地IPv4
image.png
3.修改本地項(xiàng)目中
IP地址找到項(xiàng)目中的
config文件夾中的index.js文件
image.png
image.png
示例如下：
module.exports = {
dev: {
host: '192.168.0.114', // 原為: hotst: 'localhost'
}
}
4.制作二維碼
借助草料二維碼生成修改后項(xiàng)目地址的二維碼扰藕，https://cli.im/
image.png
image.png
用微信掃一掃即可預(yù)覽，也或者你在手機(jī)瀏覽器上輸入修改后的項(xiàng)目地址
http://192.168.0.114:8080也可以預(yù)覽芳撒，然后打工告成邓深。
