你有没有想过怎么在手机上访问本地服务器上的网页。今天我们将讨论如何在没有实际托管的情况下在手机上查看同样的网页。
🛠 步骤一:启动 Visual Studio Code打开 VS Code 并确保你的项目可以运行。
如图所示:
在本地运行你的web项目(例如,使用npm start
,live-server
等)。
这两张图片展示了一些有趣的教程内容。
💻 步骤 3:在 VS Code(Visual Studio Code)中打开终端窗口在顶部菜单中找到终端,或者使用 Ctrl + `(退格键上的反引号)来打开它。
这是一张图片,你可以点击查看。
点击 VS Code 中的端口,接着选择转发。
输入你项目运行的端口(比如 3000、5500 等),然后按回车。
一旦你转发了端口,就会出现一个临时链接。复制这个链接哦!📋
📌 在手机浏览器里打开链接,搞定啦!🎉 现在你就能在手机上看到电脑上的那个网页了。
这里可以添加图片描述
此链接仅在你的项目正在你的PC的本地主机上运行时才有效,请确保VS Code保持打开,且项目保持运行。✅
就这样,你现在可以在手机上像专业人士一样浏览本地项目了,😎 告诉我这对你有没有用哦!🚀✨
你觉得这有用吗?别忘了❤️和📝留下评论哦~🚀
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦