How to integrate CSS pre-processing within Eclipse?

我想在 Eclipse 中编辑 SCSS 文件，最好是带有语法突显的 .scss文件。

我发现这些资源很有价值:

如何在 Eclipse 编辑器中集成 SCSS 开发？

或者，更一般地说，我如何将 CSS 预处理器集成到 Eclipse 中？

58325 次浏览
小开

Aptana Studio provides syntax coloring support for SASS/SCSS and it’s possible to install Aptana as Plugin into Eclipse. See the following quote from the Aptana sownload site:

通过 Eclipse 安装

请将以下更新网站 URL 复制到剪贴板，然后按照下面列出的步骤将此 URL 添加到可用软件网站列表中。尝试使用您的浏览器访问此 URL 将返回访问拒绝错误。

Http://download.aptana.com/studio3/plugin/install

  1. From the Help menu, select »Install New Software …« to open the Install New Software dialog.
  2. 将更新站点的 URL 粘贴到 WorkWith 文本框中，然后按 Enter (或 Return)键。
  3. 在下面填充的表中，选中插件名称旁边的复选框，然后单击 Next 按钮。
  4. 单击 Next 按钮转到许可证页面。
  5. 选择接受许可协议条款的选项，然后单击 Finish 按钮。
  6. 您可能需要重新启动 Eclipse 才能继续。
小开
最佳答案

我刚刚知道如何在 Eclipse 中做到这一点。我承认这个解决方案没有100% 的 SASS 支持，当使用嵌套的 css 时，颜色有点时髦，但是它比看纯文本要好得多，而且你不需要安装一个单独的编辑器。

您需要将。在 Eclipse 中使用本机 Eclipse CSS 编辑器的 scss 文件类型[第1部分]。完成此操作后，需要添加。将 scss 文件类型转换为本地 CSS 编辑器，以便 CSS 编辑器能够打开它[第2部分]。以下是 Eclipse 的步骤(我正在运行 Eclipse Java EE IDE for Web Developers，靛蓝) :

第1部分-将. scss 文件类型与本机 Eclipse CSS 编辑器相关联

  1. 转到 Window > Preferences

  2. 深入到 General > Editors > File Associations

  3. 在“文件关联”窗格中，单击右上角的“添加...”按钮。

  4. 对于 File Type:，输入 *.scss，然后单击 OK。

  5. 在 File Associations列表中找到 *.scss条目并选择它。

  6. 选择 *.scss之后，在底部面板 Associated editors:上单击 Add...按钮。

  7. Make sure Internal editors is selected on the top, then find and select CSS Editor and then click OK.

这与文件类型相关联。带有 eclipses 的本地 CSS 编辑器。现在我们必须配置原生 CSS 编辑器来支持。SCSS 文件。要做到这一点，请遵循以下步骤:

第2部分-将. scss 文件类型添加到本机 CSS 编辑器

  1. 转到 Window > Preferences

  2. 深入到 General > Content Types

  3. 在“内容类型”窗格中，展开 Text，然后选择 CSS

  4. 选择 CSS之后，在底部的 File associations:窗格中，单击 Add...按钮。

  5. For Content type:, enter *.scss and then click OK.

  6. 单击 OK关闭“首选项”窗口。

好了。你现在需要做的就是关闭任何。然后重新打开它们，然后在 Eclipse 中使用 css 颜色。SCSS 文件！

注意: 如果 css 颜色没有出现，你可能需要做以下操作: Right click the .scss file > Open With > CSS Editor。

希望这个能帮上忙。

小开

您可以使用最新的 Eclipse 插件“ Colorer”，它现在支持 SASS 文件

从 Eclipse 的“ Help”菜单中打开“ Install New software”，然后在“ Work with”框中输入“ http://colorer.sf.net/eclipsecolorer”来安装插件


提交答案