如何在Eclipse中集成CSS预处理？

Question

我想在Eclipse中编辑SCSS文件,最好使用语法高亮显示.scss文件.

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

• http://sass-lang.com/editors.html - 没有.scss文件的编辑器.sass
• http://colorer.sourceforge.net/eclipsecolorer - 只有.scss文件

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

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

Answer 1

我只想知道如何在Eclipse中执行此操作.我承认这个解决方案没有100%的SASS支持,使用嵌套的css时颜色有点时髦,但它比看纯文本更好,而且你不需要安装单独的编辑器.

您需要将.scss文件类型与Eclipse [第1部分]中的本机Eclipse CSS编辑器相关联.执行此操作后,您还需要将.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.

希望这可以帮助.

Answer 2

Aptana Studio为SASS/SCSS提供语法着色支持,可以将Aptana作为插件安装到Eclipse中.请参阅Aptana下载站点的以下引用:

通过Eclipse安装

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

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

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

Answer 3

您可以使用名为"Colorer"的最新Eclipse插件,该插件现在支持SASS文件.这是:http://colorer.sourceforge.net/eclipsecolorer/index.html

打开"安装新软件"从Eclipse的"帮助"菜单中输入" http://colorer.sf.net/eclipsecolorer "进入"使用"框以安装插件