镜头的奥秘《分镜头脚本创作》
《分镜头脚本创作》带你一起探寻镜头中的世界。...
2023-06-11
现在的框架提供非常好的工具链，周到全面。
以react为例子，当你用create-react-app 创建一个react项目，启动后，会有如下提示：
本机可以通过http://localhost:3000访问，还提示你，局域网内可以通过http://192.168.1.8:3000访问。
Nice.gif!
那如果简单的静态页面如何使用手机查看及调试呢？操作也很简单，可以在vscode上安装一个 live server 的扩展。
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Live Server 可以为静态和动态页面，启动一个本地开发服务器，这个服务还可以实时重载。
安装这个扩展之后，用vscode打开静态html项目包，打到项目入口页面如index.html。右键，点击Open with Liver Server，即可启动一个服务，用以访问该网站。
默认的访问地址为：http://127.0.0.1:5500/index.html。
此时，手机还无法访问。想要手机能访问，也非常简单，只要把你电脑的在局域网中的地址把 127.0.0.1替换掉就行。
你可以通过 cmd 输入ipconfig /all，查看本机地址。
当然，直接的方式是让Live Server直接生成以本机局域网地址的服务。其步骤为：
1 打开vscode 首选项–>设置，搜索 Live Server，点击编辑 Live Server 的 setting.json。
2 在setting.json中添加两个配置项：
“liveServer.settings.useLocalIp”:true,
“liveServer.settings.host”: “localhost”
参考资料
server – Why can’t I enter the url on my phone’s browser to view my live site? – Stack Overflow
热点文章
2021年独生子女补贴新政策是真的吗(独生子女证有有效期吗)
2021年国庆节阅兵仪式几点开始几点结束(2021年国庆节还有阅兵吗)
鼠目寸光一点红是什么生肖动物（鼠目寸光一点红）指什么生肖，紧密
k0到k9的玩法大全（强制gc的玩法和注意事项）
入土为安是什么生肖《入土为安》打一个生肖动物，词语解释
浙江12月底全面停工是真的吗(浙江什么时候放假停工)
如何做t(t怎么把p做哭)
北京口碑最差的三甲医院（北京301医院最擅长什么）