idea中html项目怎么运行

idea中html项目怎么运行,第1张

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7987025.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存