Autocomplete von HTML中可用的CSS类JavaScript中的jQuery在Eclipse中

我正在使用最新的Eclipse版本。 现在我使用Javascript,jQuery,HTML和CSS进行编码。 我如何获得自动完成(显示CSS中定义的所有可用类),这些类是我在CSS中定义的,以HTML格式显示的?

我的CSS文件中有一个名为“display”的类。

file.css:

.display {
background:green;
}

如何使用自动完成获得显示类别?

HTML: 在这里输入图像描述

我需要什么样的插件/插件?


与Eclipse安装捆绑在一起的缺省WTP插件不支持这一点。 你将不得不安装一个扩展插件(WTP Web资源)。

转至帮助 - >安装新软件并在“处理”文本框中添加以下URL并按添加。

http://oss.opensagres.fr/eclipse-wtp-webresources/1.1.0/

过了一段时间,你会看到一张清单。 检查插件并单击安装。

安装完成后,重新启动Eclipse。 然后打开一个HTML文件,并将链接添加到CSS文件,如下例所示:

sample.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body >




</body>
</html>

sample.css

.one { padding: 10px; } 
.two { padding: 20px; }

现在在HTML文件的主体内添加一个元素 - 例如div - 并添加一个class =“”属性。 按下双引号内的Ctrl +空格将弹出内容辅助窗口,向您显示链接CSS文件中的所有可用类。

内容辅助窗口


调出Web项目的“属性”对话框,然后可以在“Web内容设置”页面上更改该项目的默认CSS配置文件。 如果CSS文件尚未存在于您的Web项目中,或者如果您不想使用项目默认值,也可以使用文件的属性对话框(也称为“Web内容设置”页面)对其进行设置。然后它将起作用。

由于Eclipse不是基于文件的。 其基于项目。

链接地址: http://www.djcxy.com/p/96033.html

上一篇: Autocomplete von available CSS classes in HTML JavaScript jQuery in Eclipse

下一篇: Why declare an array as a type of Interface?