刚开始使用VS Code的时候,我们都会发现这个软件很多功能都没有,特别是在运行简单的HTML文件的时候,它居然也不能运行,无论我们怎么找运行按钮,都没有发现可以运行的按钮,其实运行HTML文件是需要安装插件才能运行的。那么如何安装呢?接下来我就教大家如何安装这个插件,希望对你们有所帮助。

工具/原料

 

  • 电脑

  • VS Code

方法/步骤

 

  1.  

    第一步:先打开我们的VS Code软件,然后新建一个HTML文件,注意,在VS Code软件里面新建一个文件,它的后缀名也必须写上

    Vs code_Vs code

  2.  

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

     

     

    Vs code_Vs code_02

  3.  

    第三步:我们需要点击VS Code软件左边的“扩展”,或者同时按住键盘上的Ctrl+shift+I键进入“扩展”界面

     

     

    Vs code_Vs code_03

  4.  

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

    Vs code_Vs code_04

  5.  

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

    Vs code_Vs code_05

  6. 6

    第六步:我们也可以直接按住键盘上的Alt+B键进行运行,这时候我们就可以在网页上看到我们的HTML文件已经被运行了。