如何使用手机预览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,扫一扫即可预览!
阅读全文
1 1
- 如何使用手机预览Vue项目(移动端)
- 【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
- Vue项目结构预览
- 本地vue项目放到github如何实现在线预览
- 移动端项目如何在手机上面做测试
- 【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架iview
- 【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
- vue移动端项目解决 延迟点击
- 如何使用Chrome模拟手机浏览器测试移动端站点
- 如何使用vue-cli生成项目
- 如何使用webpack打包vue项目?
- vue项目中如何使用字体图标
- 如何使用vue-cli创建项目
- 上传文件并预览,使用vue(随手笔记)
- Vue项目上传github并预览
- 在github上预览vue.js项目
- Vue.js 2.0 移动端拍照压缩图片预览及上传
- 移动端项目实现手机定位
- laravel5.4 导入导出excel /.xls
- 实施TPM-营销费用管控系统的意义
- 云服务器ECS学习笔记
- laravel中redis 的配置和使用
- 每天一个linux命令(40):wc命令
- 如何使用手机预览Vue项目(移动端)
- ionic2部署步骤--来自qq群摘录
- --save-dev和--save的区别
- mybatis xml中的if else
- smartforms设备类型CNSAPWIN不支持页格式ZXXX
- Android studio编译错误一:Error: is not translated in [MissingTranslation]
- 数据分析中的统计误差
- 细数智能家居的痛点
- 【opencv】4.使用opencv进行分类器训练