idea中html项目怎么运行

html-css020

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

open in default browser插件效果：

open in browser插件效果：

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

打开index.html文件

右键run"index.html"

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

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

运行程序

1、首先双击打开notepad++，点击新建阿牛新建一个html文件并输入或者拷贝一个HTML程序。

2、然后点击保存按钮来保存刚刚输入的文字。

3、点击后弹出保存菜单，将文件名改为为start-1，文件类型为超文本标记语言，也就是html，设置好按下回车保存。

4、保存后， 在资源管理器中打开保存的start-1文件，右击选择打开方式，360浏览器打开，或者双击也可以。

5、打开后，在浏览器中就能看到html代码运行的结了。

1、在桌面上，点击鼠标右键，点击新建，点击文档文本。

2、在打开新建的文本文档后，首先在里面输入一个闭合的html标签，这样才算是网页。

3、然后在闭合的html标签内部，输入一个闭合的body标签。

4、然后在闭合的body标签里面输入一个div标签，并在div中输入你想要的文字。

5、接下来要做的是将文档进行保存，点击文件选项，在菜单中选择另存为。

6、点击另存为以后，弹出窗口，在另存为窗口中有保存类型一项，选择所有类型，并将文件名命名为以html做后缀的文档。

7、然后在编码一栏里将类型设为UTF-8。点击确定。

8、保存好以后，只要在电脑上找到之前保存的文档，然后用浏览器打开，就可以看到效果了。