webstorm怎么运行调试html

webstorm怎么运行调试html,第1张

需要先配置一个调试的服务器,如果会需要安装对应的浏览器插件配合使用
1 首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。
2 运行WebStrom,创建一个web project。
3 修改indexhtml文件如下:
<!DOCTYPE html>
<html>
<body>

问题遇到的现象和发生背景
在网上学习前端,别人在webstorm中写的代码我在DW中写了可是无法预览,一片空白
问题相关代码,请勿粘贴截图
HTML中代码如代码片所示
运行结果及报错内容
运行结果一片空白
我的解答思路和尝试过的方法
没有思路
我想要达到的结果
应该显示几块有色元素
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动属性</title>
<style type="text/css">
#box{
width:600px;
height:600px;
background:deeppink;
}
#box>div:first-child{
width:600px;
height:600px;
background:green;
float: right;
}
#box>div:nth-child(2){
width:200px;
height:200px;
background:aqua;
}
#box>div:nth-child(3){
width:200px;
height:200px;
background:red;
}
</style>
</head>
<body>
<div id= "box">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>

## 一、搭建本地开发环境

1、[安装HomeBrew](>具体的步骤如下: (1)打开设置setting面板 (2)找到Project Settting中的Deployment选项。 右侧会出现+号,点击填写名称tomcat,type选择Local or……。然后点击OK。 (3)配置tomcat服务器,首先是connection选项卡,其中的upload/download pr


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10782289.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存