如何使用手机预览Vue项目(移动端)

来源:互联网 发布:软件开发迭代 编辑:程序博客网 时间:2024/05/21 18:46

1、在命令行中输入npm run dev ,启动自己的vue项目,例:http://localhost:8081/#/goods,可以在浏览器预览

2、那么如何在手机端预览vue项目呢?WIN+R,输入cmd启动命令行工具,输入ipconfig查看本机ip

3、本机ip替换localhost,例:http://192.168.1.171:8081/#/goods,预览效果不变

4、使用草料二维码,将http://192.168.1.171:8081/#/goods生成二维码

5、将手机连接到与电脑相同的WIFI,扫一扫即可预览!