webstorm怎么运行调试html

WebStorm教程(一)HTML5搭建:Hello,World!

一.WebStrom 简介

三.建立一个HTML文件

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

2.进入编辑工程界面:

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

如图:

webstorm怎么运行调试html_第1张图片

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

这里我们增加的代码如下(可复制粘贴)


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

效果截图

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

webstorm怎么运行调试html_第2张图片

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

webstorm怎么运行调试html_第3张图片

你可能感兴趣的:(webstorm怎么运行调试html)