热门标签
热门文章
- 1MySQL子查询_mysql 子查询 原理
- 2基于STM32单片机的数字电压表（液晶1602）（Proteus仿真+程序）_stm32控制电压输出 protues
- 3PostgreSQL教程（十三）：SQL语言（六）之类型转换_pgsql 类型转换
- 4Hadoop 入门教程（超详细）_hadoop教程
- 5【数据库】实际项目上，用到的数据库，涨涨知识_使用过什么数据库
- 6Yolov8标签匹配算法TaskAlignedAssigner原理及代码注解
- 7Python基础之多进程_python多进程
- 8【已解决】 error: subprocess-exited-with-error × python setup.py egg_info did not run successfully._error: subprocess-exited-with-error 脳 python setup
- 9第一章：ReactFlow基础概念与安装
- 10AngularJS总结_在angularjs中,视图指【】编写的页面,在【】中编写业务代码。
当前位置: article > 正文
真机查看h5页面_vscode 运行h5手机模拟器
作者：人工智能uu | 2024-07-24 11:51:10
赞
踩
vscode 运行h5手机模拟器
- 前端的h5页面需要起服务之后，真机通过电脑的ip进行访问查看效果，用webpack或者node去搭服务有点麻烦。
1. vscode安装Live Server插件。
- 安装之后vscode右下方 会有Go Live的文案, 点击之后，vscode会启动一个内置服务, 自动打开页面。
2. browser-sync node插件包快速搭服务
- 首先安装BrowserSync ： npm install -g browser-sync
- 其次在项目文件夹下运行： browser-sync start --server --files "index.html"，会启动你的h5页面了。 (修改会自动编译，无需重启)
保证手机和电脑在同一局域网下，就可以访问了。
本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/人工智能uu/article/detail/874556
推荐阅读
相关标签
