ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Vue开发移动端APP项目如何在手机上实时预览效果

2020-05-23 10:06:56  阅读:10  来源: 互联网

标签:npm Vue 预览 步骤 APP 192.168 vue dev


项目在浏览器中和手机上的实时预览有一定的差别,下面介绍如何在移动端预览Vue项目:

步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP;

步骤二: 将ipv4地址复制下来 ---> 192.168.x.x

步骤三: 打开想要预览的项目所在文件夹package.json文件,找到“scripts

注意! 这里, 根据vue-cli版本不同,①vue-cli3以及4的运行调试命令为:“npm run serve”,在“serve”中添加 --host 192.168.x.x。②vue-cli2的运行调试命令为:“npm run dev”,则在“dev”中添加 --host 192.168.x.x。

步骤四: 保存,重新运行

步骤五:在手机浏览器中输入该Network网址即可预览该APP的效果

 

标签:npm,Vue,预览,步骤,APP,192.168,vue,dev
来源: https://www.cnblogs.com/xuwennn/p/preview-on-the-phone.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有