如何在Eclipse中集成CSS预处理?[关闭]


111

我想在Eclipse中编辑SCSS文件,最好使用.scss文件的语法突出显示。

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

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

或者,更一般而言,如何将CSS预处理器集成到Eclipse中?


Answers:


297

我只是想出了如何在Eclipse中执行此操作。我承认该解决方案不支持100%SASS,使用嵌套CSS时颜色有点时髦,但这比查看纯文本要好得多,并且您不需要安装单独的编辑器。

您需要将.scss文件类型与Eclipse中的本机Eclipse CSS编辑器关联起来[第1部分]。完成之后,您还需要将.scss文件类型添加到本机CSS编辑器中,以便CSS编辑器能够打开它[第2部分]。以下是eclipse的步骤(我正在为Web开发人员运行Eclipse Java EE IDE,Indigo):

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

  1. 去 Window > Preferences

  2. 深入到 General > Editors > File Associations

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

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

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

  6. 在*.scss底部窗格上选择之后Associated editors:,单击Add...按钮。

  7. 确保Internal editors在顶部被选中,然后找到并选择CSS Editor,然后单击OK。

这将文件类型.scss与eclipses本机CSS编辑器关联。现在,我们必须配置本机CSS编辑器以支持.scss文件。为此,请按照下列步骤操作:

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

  1. 去 Window > Preferences

  2. 深入到 General > Content Types

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

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

  5. 对于Content type:,输入*.scss,然后单击确定OK。

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

全做完了。现在,您需要做的就是关闭所有打开的.scss文件,然后重新打开它们,并在Eclipse中打开.scss文件中的wha-la,css颜色!

注意:如果未显示css颜色,则可能必须执行以下操作:Right click the .scss file > Open With > CSS Editor。

希望这可以帮助。


7
+1表示不安装任何额外的工具并按原样使用eclipse ...另一个选项可以是“ colorer.sourceforge.net/eclipsecolorer ”
— spankmaster79 2012年

1
@ spankmaster79 eclipsecolorer仅支持sass文件(今天在juno中尝试过)
— mons droid

1
@mons切换到PHPStorm,可以更快,更好的支持以及保存在编辑器中的事件编译。试试看
— spankmaster79 2013年

1
eclipsecolorer不支持scss。它确实支持sass。有区别。
— mrbinky3000

2
为以下内容添加注释:右键单击.scss文件>“打开方式”>“使用CSS编辑器代替”>“其他...”,然后单击“ CSS编辑器”,然后勾选“对所有'style.scss'文件使用此编辑器,然后勾选'对所有文件使用'” * .scss'文件
— ChrisB,2016年

11

Aptana Studio为SASS / SCSS提供语法着色支持,并且可以将Aptana作为插件安装到Eclipse中。请参阅Aptana sownload网站上的以下报价:

通过Eclipse安装

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

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

  1. 从“帮助”菜单中,选择»“安装新软件...”以打开“安装新软件”对话框。
  2. 将更新站点的URL粘贴到“使用”文本框中,然后按Enter(或Return)键。
  3. 在下面的填充表中,选中插件名称旁边的框,然后单击“下一步”按钮。
  4. 单击下一步按钮转到许可证页面。
  5. 选择接受许可协议条款的选项,然后单击“完成”按钮。
  6. 您可能需要重新启动Eclipse才能继续。

2
请注意,Aptana具有自己的主题着色。如果您习惯了某种Eclipse颜色主题,则在安装Aptana插件时准备完全放弃它。
— Sturm,2015年

馊主意!彻底破坏了我的Eclipse编辑器。
— Branislav Lazic

6

您可以使用称为“ Colorer”的最新Eclipse插件,该插件现在支持SASS文件。它在这里:http : //colorer.sourceforge.net/eclipsecolorer/index.html

从Eclipse的“帮助”菜单中打开“安装新软件”,然后在“使用”框中输入“ http://colorer.sf.net/eclipsecolorer ”以安装插件


它是否支持自动(即ctrl + space)完成?
— Fuzzo 2014年

显示太多错误!几乎每条线上
— Saurabh Bayani 2014年

在Eclipse中有一种称为“ Liclipse”的新软件可以与大多数语言配合使用
— Fadi
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.