之前讲到,安装open in brower插件之后可以直接右键选择使用浏览器渲染html文件,但是,这种打开方式是“本地打开方式

vscode通过服务器打开html文件

 

 

 那么我们怎么以服务的方式运行html呢:

1.下载插件:Live Server

vscode通过服务器打开html文件

 

 

 安装完成之后直接在html上右键:

vscode通过服务器打开html文件

 

 

 vscode通过服务器打开html文件

 

孩儿们可能会发现默认是5500端口,那么万一端口冲突呢,或者我们需要自己设置端口呢,接下来就简单介绍下如何设置服务器的端口和代理。当然如果端口冲突,插件会自动启动其他端口的,这个大家不必担心,放心使用即可

 

 vscode通过服务器打开html文件

 

 

 

搜索关键字【liveServer】一直往下找,我们可以找到live Server相关设置:

liveServer.settings.port 是设置端口的

vscode通过服务器打开html文件

 

 vscode通过服务器打开html文件

 

 保存之后再次打开html文件:

vscode通过服务器打开html文件

liveServer.settings.proxy是设置代理的

相关文章:

  • 2021-06-04
  • 2022-12-23
  • 2021-10-18
  • 2021-07-23
  • 2021-06-08
  • 2021-12-09
  • 2021-04-19
猜你喜欢
  • 2021-08-28
  • 2021-07-19
  • 2022-12-23
  • 2021-08-06
  • 2021-12-10
  • 2021-11-08
  • 2021-06-02
相关资源
相似解决方案