【vscode】vscode通过端口访问本地html页面(Live Server)

本文介绍了如何在Visual Studio Code中使用LiveServer插件和命令行方式直接运行本地HTML文件,作为替代传统Web服务器如nginx的简便方法。方式一是安装LiveServer插件,直接通过右键菜单运行;方式二是以管理员身份运行cmd,使用`cnpm install -g live-server`命令安装并启动服务。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

在看黑马视频的时候,看到讲课的老师有用vscode直接运行本地的html文件。
看着这个,相当于替代了之前一直使用的nginx,感觉挺好用的,所以就查了下,记录了下来。
转载自:https://www.cnblogs.com/luzhanshi/p/11994839.html

方式一

安装Live Server
在这里插入图片描述
安装后,直接在打开的页面 或者 右键html页面,选中Open with Live Server运行即可。
在这里插入图片描述
运行示例
在这里插入图片描述

方式二

使用命令的方式
首先,通过管理员方式打开cmd,然后运行:cnpm install -g live-server
安装成功:
在这里插入图片描述
如果不是管理员方式,报错信息如下:
在这里插入图片描述
运行示例
在这里插入图片描述

备注

使用第二种方式的话,好像只能通过cmd的管理员方式来安装。因为使用其他方式会提示没有权限(包括在vscode里面)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值