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"
在配置项中会自动增加相应配置,并运行程序
在配置项中会自动增加相应配置
运行程序