webstorm怎么运行调试html_随笔

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

一.WebStrom 简介

三.建立一个HTML文件

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

2.进入编辑工程界面：

1）在命名处右键——New——HTML File

2）（给页面命名）——OK

如图：

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

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

<!DOCTYPE html>

<head>

</head>

<body>

Hello，World！

</body>

</html>12345678910

效果截图：

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

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

webstorm在浏览器中预览HTML文件，是通过webstorm的静态服务器来运行的，地址一般为：localhost:xxxx/开头。因此浏览器报错找不到服务器的原因可能为：

localhost （默认127.0.0.1：63342）及其端口被hosts限制——可能性不大（除非手动改过）可以检查下系统hosts文件；

webstorm 的静态服务器损坏（或者没有启动）；进webstorm的设置中看看设置是否正确：debugger

欢迎分享，转载请注明来源：内存溢出

webstorm怎么运行调试html