idea中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会自动d出新的浏览器来运行前端项目

open in default browser插件效果：

open in browser插件效果：

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

打开index.html文件

右键run"index.html"

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

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

运行程序

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，代码调试，插件丰富等有点，被大家逐渐熟知和认可。