在開(kāi)發(fā)移動(dòng)端的時(shí)候，特別想在真機(jī)上看自己開(kāi)發(fā)出來(lái)的成果，之前用的是 Ghostlab這玩意，可是呢，這玩意是要收費(fèi)的，而且只有7天的體驗(yàn)時(shí)間，感覺(jué)有點(diǎn)不滿(mǎn)足。
現(xiàn)在分享一個(gè)更加方便的方法，是在webpack工具構(gòu)建在的vue項(xiàng)目，實(shí)現(xiàn)真機(jī)實(shí)時(shí)預(yù)覽...
1.電腦和手機(jī)連接同一個(gè)wifi
用wifi共享大師開(kāi)個(gè)wifi，手機(jī)連接，這都是常規(guī)操作啦
2.查詢(xún)本地IP地址
WIN + R，輸入cmd回車(chē)，打開(kāi)命令提示符，輸入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ù)覽，然后打工告成。
