VS Code中如何右键让页面在浏览器上展示

  • 原创
  • |
  • 浏览:2510
  • |
  • 更新:

Visual Studio Code是一个便捷的编辑工具,可以编辑HTML、Javascript、Css、C++等开发语言。掌握该工具的一些快捷方式和常用插件很是必要。今天下说一下如何让vscode可以鼠标右键就能运行html文件。

VS Code中如何右键让页面在浏览器上展示

工具/原料

  • vs code开发工具
  • chrome默认浏览器(其他也行)

方法/步骤

  1. 1

    我先写了一个index.html的文件,鼠标右键后我们看不到Open in default Browser的选项,那么就是不能通过鼠标右键去运行到浏览器。

    VS Code中如何右键让页面在浏览器上展示
  2. 2

    我们找到工具右边的方块的按钮,这个功能是查找扩展包的地方。

    VS Code中如何右键让页面在浏览器上展示
  3. 3

    进入页面,在输入框输入open in browser 去搜索相关的扩展包。

    VS Code中如何右键让页面在浏览器上展示
  4. 4

    搜索后会出现很多的相关的插件,一般我们会选择第一个。点击右下角的install,去安装。

    VS Code中如何右键让页面在浏览器上展示
  5. 4
    该信息非法爬取自百度经验
  6. 5

    安装好后如下图。

    VS Code中如何右键让页面在浏览器上展示
  7. 6

    然后我们把鼠标放到index.html文件上后鼠标右键,会看到下面出现open in default brower的选项。这样就安装成功了。

    VS Code中如何右键让页面在浏览器上展示
  8. 7

    点击后我们就能直接运行了。

    VS Code中如何右键让页面在浏览器上展示
    END

注意事项

  • 插件可以根据自己的喜好去安装,但是一般安装下次多的。因为这样子稳定。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部