webstorm怎么运行调试html

来源：互联网发布：手机位置定位软件编辑：程序博客网时间：2024/06/05 23:26

WebStorm教程（一）HTML5搭建：Hello，World！

一.WebStrom 简介

三.建立一个HTML文件

1.打开WebStorm——Creat New Project——（左边栏）Empty Project——（给项目命名）——（选择）Creat（确认建立一个工程）

2.进入编辑工程界面：

1）在命名处右键——New——HTML File
2）（给页面命名）——OK

如图：

这里写图片描述

WebStorm强大的地方就在于它已经划分好布局，只需填写执行代码即可完成页面。

这里我们增加的代码如下（可复制粘贴）：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>首页</title></head><body>Hello，World！</body></html>

效果截图：

想要查看页面效果，选择工程编辑区右上角的浏览器（需要事先安装），这里我选择谷歌的Chrome浏览器，Chrome浏览器采用的是WebKit的内核

这里写图片描述

第一个搭建的HTML页面出来啦！

这里写图片描述

1 0