网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Visual Studio Code设置在浏览器中查看html页面

时间:2024-10-25 09:11:38

1、首先打开程序,编写好一个html程序。

Visual Studio Code设置在浏览器中查看html页面

2、然后点击左侧第五行的扩展,或者使用快捷键ctrl+shift+X打开扩展栏。

Visual Studio Code设置在浏览器中查看html页面

3、在扩展栏的搜索栏中输入“open in browser”,然后就可以找到open in browser这款插件,插件右下角会显示安装字样。因为这里我已经安装了,所以没有显示安装。

Visual Studio Code设置在浏览器中查看html页面

4、安装完成后,可以查看一下文档,里面有插件使用的快捷键。在默认浏览器中显示是Alt+B;在其他浏览器中显示是Shift+Alt+B。

Visual Studio Code设置在浏览器中查看html页面

5、回到开始创建的html文档,可以使用快捷键运行。也可以对着html文档右键单击,在弹出的窗口中选择使用默认浏览器打开或者其他浏览器打开。

Visual Studio Code设置在浏览器中查看html页面

6、如果是选择在其他浏览器中打开,中间的命令框会显示可以使用的浏览器,选择自己需要的浏览器名称即可,这里我们使用chrome试试。

Visual Studio Code设置在浏览器中查看html页面

7、可以看到成功在浏览器中运行了程序。

Visual Studio Code设置在浏览器中查看html页面
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com