html怎么运行

html-css022

html怎么运行,第1张

html运行方法:选择文件夹、建立HTML文件、运行HTML文件。

1、选择文件夹

首先,在电脑某一位置创建一个文件夹,创建完成后回到VS Code在“文件”中找到“打开文件夹“选中并打开你刚刚创建的文件夹。

2、建立HTML文件

打开文件夹后,便可建立HTML文件了,建立过程如下,但要注意的是:文件的后缀名一定要写且为.html输入完名称后按下回车即文件创建成功。

3、运行HTML文件

创建完HTML文件后,按!+tab键可以生成HTML文件标准格式,之后输入你想在浏览器中呈现的内容,写完单击鼠标右键在属性框内点击open in(default)broswer即可在浏览器中运行啦!

Visual Studio Code介绍

Visual Studio Code(简称 VS Code / VSC)是一款免费开源的现代化轻量级代码编辑器,它的特点免费、开源、多平台,以及集成git,代码调试,插件丰富等有点,被大家逐渐熟知和认可。

需要准备的材料分别有:电脑、chrome浏览器、html文档。

1、首先,找到要运行的html文件。

2、右键html文件,选择“打开方式”,点击“Google Chrome”。

3、此时chrome浏览器成功运行了html文档,例如打印了“hello world!”。

运行html三种方式:

直接双击运行

vscode中运行

idea中运行

1、直接双击index.html

注意:默认起始页面为index.html,如果命名为其它文件名也可以

2、在vscode中快速运行前端项目

1)安装open in browser 或者 open in default browser

2)在vscode中打开index.html文件,右键 选择 open in browser

3)vscode会自动弹出新的浏览器来运行前端项目

open in default browser插件效果:

open in browser插件效果:

3、在idea中快速运行前端项目

打开index.html文件

右键run"index.html"

在配置项中会自动增加相应配置,并运行程序

在配置项中会自动增加相应配置

运行程序