在vscode内启动服务,本地访问网站,preview on Web Server,设置插件

本文介绍如何在VSCode中使用预览服务器插件快速查看HTML静态页面效果,包括安装server插件、配置及使用步骤。

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

关于html静态页面的地洞和访问,使用view in Browser或者Preview on Web Server。

下载server

步骤

  • 在extensions插件扩展中,搜索server
    在这里插入图片描述

  • 完成之后重启vscode

  • 在要启动的html页面右键

  • 选择vscode-preview-server:Launch on Browser

  • 自动打开网站并访问页面

配置
在插件的Contributions中可以看到很多的设置项

在这里插入图片描述

插件设置

找到一个还算详细的教程https://jingyan.baidu.com/article/76a7e409ffa77ffc3b6e150a.html

  • 在文件-首选项-设置-Extensions中,找到插件,如PreviewServer
    在这里插入图片描述
  • 选择Edit in setting.json就可以根据插件的参数来设置啦
  • 左侧默认是插件的设置,右侧为user setting,即vscode中常见的设置。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值