在Eclipse中的HTML JavaScript jQuery中自动完成von可用的CSS类

Ger*_*ero 8 javascript eclipse jquery autocomplete eclipse-wtp

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

我的CSS文件中有一个名为"display"的类.

file.css:

.display {
background:green;
}
Run Code Online (Sandbox Code Playgroud)

如何获得自动完成建议的显示类?

HTML: 在此输入图像描述

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

spi*_*lio 7

与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>
Run Code Online (Sandbox Code Playgroud)

sample.css

.one { padding: 10px; } 
.two { padding: 20px; }
Run Code Online (Sandbox Code Playgroud)

现在在HTML文件的主体中添加一个元素 - 例如div - 并添加一个class =""属性.在双引号内按Ctrl + Space将打开内容辅助窗口,显示链接的CSS文件中的所有可用类.

内容辅助窗口