vs+html教学,VS Code怎么运行html文件

VS Code运行html文件的方法：首先打开VS Code软件，并新建HTML文件；然后点击VS Code软件左边的“扩展”，并找到“open in browser ”；最后安装install即可运行文件。

本教程操作环境：windows7系统、Visual Studio Code1.52.1版，DELL G3电脑，该方法适用于所有品牌电脑。

VS Code运行html文件的方法：

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

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

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

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

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

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

vs+html教学,VS Code怎么运行html文件相关推荐

VS Code 如何运行.html文件（VS Code 如何安装插件）（open with live serve和open in default browser）
安装Live Server open with live serve,对应的插件是Live Server.是打开本地服务器安装open in browser open in default brow ...
vscode 安装element-UI插件快速开发element-UI代码 Element UI Snippets另外的几个插件也很实用，Code是运行js文件的
VSCode Run code插件运行机制和配置文件的意思解释
文章目录一.Run code运行机制二.Run code的变量三.说明 1.编译器路径 2."code-runner.executorMap" 四.c++和python配置的 ...
如何在VS Code中运行C或C++程序
前言众所周知,VS Code源代码编辑器,是目前最为流行的代码开发工具之一,特别受到Web前端开发者的青睐,当然还有大名鼎鼎的HBuilder X也是非常给力的,我们可以根据自己的需要去选择. 由于 ...
通过Windbg来追踪ASL code的运行
通过Windbg来追踪ASL code的运行: 目标机的配置: 第一步: 在BIOS Setup下面 disable secure boot(不然下面debug on 命令会失败):关闭防火墙. 第二 ...
在vs code中运行C语言
本篇博客记录了在vs code下运行c语言的操作过程目录一.环境搭建 vscode安装安装编译器(MinGW-W64 GCC) 二.添加相关插件三.运行C语言例程一.环境搭建 vscode安 ...
VS Code运行Java文件
VS Code运行Java文件本文介绍使用VS Code运行.调试Java文件的最简步骤,不涉及项目的构建. 下载并安装VS Code,官网地址:https://code.visualstudio. ...
我可以直接从GitHub运行HTML文件，而不仅仅是查看它们的来源吗？
本文翻译自:Can I run HTML files directly from GitHub, instead of just viewing their source? If I have a . ...
Jupyter Nodebook添加代码提示（Vscode配置Jupyter Notebook运行.ipynb文件）
2021.04.14 更新,增加了对Vscode代码提示消失的描述前言由于Jupyter Notebook调试Python代码十分方便,受到了许多Coder的欢迎,但是它存在个十分不方便的地方-- ...

vs+html教学,VS Code怎么运行html文件

vs+html教学,VS Code怎么运行html文件相关推荐

最新文章

热门文章