码迷,mamicode.com
首页 > 移动开发 > 详细

vue 使用手机浏览自己的项目

时间:2018-07-11 14:58:43      阅读:443      评论:0      收藏:0      [点我收藏+]

标签:files   完成   www   显示   技术分享   dex   css   点击   string   

参考: http://www.browsersync.cn/#install

首先全局安装BrowserSync : npm install -g browser-sync

其次在项目文件夹下运行: browser-sync start --server --files "css/*.css, *.html"

用以监听css和html文件,该文件夹下最好有index命名的html文件

运行完成后会跳出如下页面:

技术分享图片

我的url是我自己已经设置好了的,显示的是电脑ip,地址栏默认其实是显示localhost的,如果将其改为自己的电脑端口号需要在设置里面进行设置。

将端口号3000更改一下,比如改成3001,就会跳到设置页面:

技术分享图片

然后点击这里:

技术分享图片

随后将想看的某个项目的地址输入:

技术分享图片

将此地址栏发到手机上,只要是在同一个局域网内,就能在手机上查看此项目了

 

 

vue 使用手机浏览自己的项目

标签:files   完成   www   显示   技术分享   dex   css   点击   string   

原文地址:https://www.cnblogs.com/DangerousBaymax/p/9293746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!