镜像之家_微软原版 Win10/Win11 iso镜像下载

当前位置:首页 > 文章教程 > 软件教程

Vscode在浏览器中查看html页面的操作方法

时间:2020-09-11 来源:镜像之家 Vscode在浏览器中查看html页面的操作方法 手机查看

Vscode 破解版 v1.49.0

Vscode 破解版 v1.49.0

大小:119.30 MB类别:国产软件

更新:2020-09-11下载:5224

Vscode是一款出自微软公司免费开源的前端编程IDE神器,可在您的桌面上运行,并且可用于Windows,macOS和Linux。下文为大家介绍Vscode在浏览器中查看html页面的操作方法,有需要的朋友来Win10镜像官网下载使用吧。

操作方法如下

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

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

Vscode在浏览器中查看html页面的操作方法

[!--temp.bguanggao--]