vscode如何右键打开浏览器运行html页面内容

 时间:2024-10-16 09:44:44

1、启动vscode,如果之前没有打开过任何内容编辑,默认看到的就是这样一个白框页面

vscode如何右键打开浏览器运行html页面内容

2、点击顶部菜单【File】->【Open File】打开任何一个想要编辑,或者要在浏览器中运行的Html页面

vscode如何右键打开浏览器运行html页面内容

3、在Html页面中,点击鼠标右键,可以发现,并没有任何选项可以直接唤起浏览器运行当前的Html内容

vscode如何右键打开浏览器运行html页面内容

4、点击vscode左侧的最后一个图标,这个是给vscode添加插件的入口,添加一个插件即可在Html内容中右键,唤起浏览器运行Html内容

vscode如何右键打开浏览器运行html页面内容

5、在vscode扩展插件界面的文本框中,输入【open】,会自动搜索出很多结果,选择第一个【open in browser】即可

vscode如何右键打开浏览器运行html页面内容

6、此时可以直接点击搜索结果项右下角的【Install】按钮安装扩展插件,也可以在右侧插件详情页中,点击【Install】按钮。当安装完成后,插件就会显示为Installed状态

vscode如何右键打开浏览器运行html页面内容vscode如何右键打开浏览器运行html页面内容

7、此时在html页面内容中,点击鼠标右键,就会多出两个选项:1)open in default browser:使用默认浏览器运行页面2)open in other browsers:使用其他浏览器运行页面,此时页面顶部会弹出浏览器列表供选择

vscode如何右键打开浏览器运行html页面内容
  • 怎样绘制一个可以改变扇形数量和角度的圆形图表
  • wps表格在哪插入带直线和数据标记的散点图
  • 在word如何快速制作SWOT分析图?
  • 如何用镝数制作柱状图
  • excel如何制作图片的柱形图?
  • 热门搜索
    基数是什么意思 种草是什么意思 全日制是什么意思 什么人适合戴貔貅 also是什么意思 ptsd是什么意思 patience什么意思 开车是什么意思 吊单杠有什么好处 fighting是什么意思