zoukankan      html  css  js  c++  java
  • 移动端项目如何在手机上查看效果

    很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢?
    我们拿vue来说,
    1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号
    上图域名是我进行修改后的,大家打开后应该会默认显示localhost
    2.window+R,输入cmd进入控制台,然后输入命令ipconfig/all 回车,我们可以看到自己电脑的一些ip信息
    然后将上图中iPv4地址进行复制将config/index.js中域名修改为该域名,然后在项目中输入ctrl+y   yes 回车
    然后npm run dev对项目进行重启,项目重启后,我们通过草料二维码生成图(https://cli.im/),将项目的地址复制粘贴,生成二维码
    然后通过手机扫描该二维码就可以看到我们写的项目
    不过需要注意的是,我们的pc电脑所连接的网络必须和手机在统一网段内。
    至此总结完毕,还有什么疑问,欢迎留言,不懂得前端技术也可以留言哦,我们一起探讨
     
  • 相关阅读:
    redis
    装饰器之functools与before_request
    版本
    git常用命令
    支付宝支付示例
    ContentType
    vue的基础使用
    es6简单介绍
    解析器、路由控制、分页与响应器
    元素水平居中的方法
  • 原文地址:https://www.cnblogs.com/bgwhite/p/9558674.html
Copyright © 2011-2022 走看看