欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

VSCode怎么安装插件运行HTML文件?

程序员文章站 2022-09-22 15:25:27
VSCode怎么安装插件运行HTML文件?...

刚开始使用vs code的时候,我们都会发现这个软件很多功能都没有,特别是在运行简单的html文件的时候,它居然也不能运行,无论我们怎么找运行按钮,都没有发现可以运行的按钮,其实运行html文件是需要安装插件才能运行的。该怎么安装插件顺利运行htmlwenj8ian呢?下面我们就来看看详细的教程。

1、先打开我们的vs code软件,然后新建一个html文件,注意,在vs code软件里面新建一个文件,它的后缀名也必须写上

VSCode怎么安装插件运行HTML文件?

2、这时候我们写好html内容之后,鼠标右键,发现没有运行html文件的按钮,那么我们该如何运行html文件呢?

VSCode怎么安装插件运行HTML文件?

3、我们需要点击vs code软件左边的“扩展”,或者同时按住键盘上的ctrl+shift+i键进入“扩展”界面

VSCode怎么安装插件运行HTML文件?

4、进入“扩展”界面之后,我们在搜索框内输入“open”,然后找到“open in browser ”,点击右下角的“install”进行安装

VSCode怎么安装插件运行HTML文件?

5、安装之后,我们就可以进行我们的html文件的运行了。安装完成之后,我们再返回到我们的html界面,然后鼠标右键,找到下图标识的选项进行运行

VSCode怎么安装插件运行HTML文件?

6、我们也可以直接按住键盘上的alt+b键进行运行,这时候我们就可以在网页上看到我们的html文件已经被运行了。

VSCode怎么安装插件运行HTML文件?

以上就是vscode安装插件运行html文件的技巧,希望大家喜欢,请继续关注。