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

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

下载server

步骤

  • 在extensions插件扩展中,搜索server
    在vscode内启动服务,本地访问网站,preview on Web Server,设置插件

  • 完成之后重启vscode

  • 在要启动的html页面右键

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

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

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

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

插件设置

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

  • 在文件-首选项-设置-Extensions中,找到插件,如PreviewServer
    在vscode内启动服务,本地访问网站,preview on Web Server,设置插件
  • 选择Edit in setting.json就可以根据插件的参数来设置啦
  • 左侧默认是插件的设置,右侧为user setting,即vscode中常见的设置。