WithCoderWithCoderWithCoder

怎么在VSCode中运行单个html文件

在刚开始使用VS Code的时候,是公司的前端已经搭建好的项目,在把项目克隆到自己电脑上后,运行项目直接用的是yarn和npm命令.但有一天自己想运行一个简单的HTML文件测试一段js脚本的时候,突然发现居然找不到运行的按钮.经过一番搜索询问,发现运行HTML文件是需要安装插件才能运行的.本文记录VS Code如何安装并使用这个常用插件open in browser.

安装

    1. 打开"Extensions(扩展)"界面    

1-200301232311626.png

    2. 在搜索框中输入"open in browser",搜索插件    

1-2003012325334K.png

    3. 点击"Install",安装插件即可

使用

    新建一个html文件,如test.html.然后打开页面,点击右键,在弹出的菜单中选择"Open In Default Browser"即可.    

1-200301232911V3.png

默认的浏览器设置

    如果打开页面的浏览器不是我们想要的浏览器,可以通过设置默认浏览器来修改.这时,我们可以点击VS Code左下角的设置按钮,点击设置,在搜索框中输入open in browser,就会看到对应的默认设置.把浏览器修改为自己想要的浏览器即可.如下图

1-2003012336022W.png

欢迎分享交流,转载请注明出处:WithCoder » 怎么在VSCode中运行单个html文件