vue开发移动端在手机实时预览

在使用vue开发移动端时，特别想在真机上看看自己开发出来的成品，现在分享一个很方便的方法，在 webpack 工具构建vue项目时，实现真机实时预览。

1. 电脑和手机连接同一个WiFi

2. 查询电脑本地IP 地址

   • WIN + R ,输入 cmd 回车，打开命令提示符，输入 config ,查看本地 IPv4
     查看IP

3. 修改项目中的 IP 地址

   • 找到项目中的config文件夹中的index.js文件

     
     修改IP地址
     改为IP4地址

示例：

    module.exports = {
            dev: {
                    host: '192.168.0.114', // 原为: hotst: 'localhost'
            }
    }

4. 制作二维码实现手机预览
   • 访问链接：https://cli.im/ 生成二维码，使用手机扫描即可