【问题标题】:Autocomplete von available CSS classes in HTML JavaScript jQuery in EclipseEclipse 中的 HTML JavaScript jQuery 中的可用 CSS 类的自动完成
【发布时间】:2017-09-09 09:40:27
【问题描述】:

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

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

file.css:

.display {
background:green;
}

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

HTML:

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

【问题讨论】:

标签: javascript jquery eclipse autocomplete eclipse-wtp


【解决方案1】:

为您的 Web 项目打开“属性”对话框,您可以在“Web 内容设置”页面上更改该项目的默认 CSS 配置文件。如果 CSS 文件还没有在您的 Web 项目中,或者您不想使用项目默认值,您也可以使用文件的“属性”对话框(也是 Web 内容设置页面)来设置它。然后它将起作用。

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

【讨论】:

  • 先生,您同意这个bug吗?
【解决方案2】:

与 Eclipse 安装捆绑的默认 WTP 插件不支持此功能。您必须安装一个扩展插件 (WTP Web resources)。

转到帮助 -> 安装新软件并在“使用”文本框中添加以下 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+Space 将打开内容辅助窗口,显示链接 CSS 文件中的所有可用类。

【讨论】:

  • 我会检查并报告!
  • 它有效,但一开始,它不适用于已经存在的项目。我必须先创建一个新项目,然后突然它适用于所有项目。
  • 很高兴我能帮上忙 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-09
  • 2017-06-03
  • 2010-12-24
  • 2015-02-16
  • 2011-07-20
相关资源
最近更新 更多