如何在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. *.scssFile 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.