webstorm怎么运行调试html

最新推荐文章于 2024-06-21 10:20:23 发布

赏金术士

最新推荐文章于 2024-06-21 10:20:23 发布

阅读量4.3w

点赞数 13

分类专栏： --------【Android】 --------【webStorm】文章标签： html5 调试

本文链接：https://blog.csdn.net/xzytl60937234/article/details/56844511

版权

100 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

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页面出来啦！

这里写图片描述

关注

专栏目录