vscode运行html网页出不来

 时间:2024-10-12 03:22:21

本答案介绍通过更改配置和添加应用插件两种方法来解决vscode不能正常运行html网页的问题,本文使用win10系统来演示操作,以下为更改配置的详细操作步骤:

vscode运行html网页出不来

工具/原料

华为MateBook X

Windows10

VSCode1.5.11

更改配置

1、点击运行菜单打开应用,点击运行菜单。

vscode运行html网页出不来

2、点击添加配置选项打开下拉菜单,点击添加配置选项。

vscode运行html网页出不来

3、选择启动选项选择Chrome: Launch选项。

vscode运行html网页出不来

4、设置配置选项加入了配置,为url设置html文件的路径,为webRoot设置html文件所在的文件夹即可。

vscode运行html网页出不来

添加插件

1、点击扩展图标打开应用,点击扩展图标。

vscode运行html网页出不来

2、搜索扩展输入open in brower搜索扩展。

vscode运行html网页出不来

3、点击安装按钮搜索到扩展后,点击安装按钮。

vscode运行html网页出不来

4、右击文件并选择打开安装好后右键点击html文件,选择从浏览器打开即可。

vscode运行html网页出不来
  • vscode如何用浏览器预览运行html文件?
  • 在VScode中如何将界面语言设置为中文
  • VSCode如何运行html文件
  • vscode怎样新建项目
  • IDEA怎么新建项目
  • 热门搜索
    感恩励志红五月手抄报 安全小报手抄报图片 关于自信的手抄报 关于感恩的手抄报内容 安全法制教育手抄报 关于安全手抄报图片 以孝为主题的手抄报 我爱读书手抄报内容 中国板报网手抄报 让妈妈露笑脸手抄报