在使用vue开发移动端时,特别想在真机上看看自己开发出来的成品,现在分享一个很方便的方法,在 webpack
工具构建vue项目时,实现真机实时预览。
电脑和手机连接同一个
WiFi
-
查询电脑本地
IP
地址-
WIN + R
,输入cmd
回车,打开命令提示符,输入config
,查看本地IPv4
-
-
修改项目中的
IP
地址-
找到项目中的config文件夹中的index.js文件
-
示例:
module.exports = {
dev: {
host: '192.168.0.114', // 原为: hotst: 'localhost'
}
}
- 制作二维码实现手机预览
- 访问链接:https://cli.im/ 生成二维码,使用手机扫描即可