我想在Eclipse中编辑SCSS文件,最好使用.scss
文件的语法突出显示。
我发现这些资源很有价值:
- http://sass-lang.com/editors.html-没有用于.scss文件的编辑器。
- http://colorer.sourceforge.net/eclipsecolorer-仅具有.scss文件
如何在Eclipse编辑器中集成SCSS开发?
或者,更一般而言,如何将CSS预处理器集成到Eclipse中?
我想在Eclipse中编辑SCSS文件,最好使用.scss
文件的语法突出显示。
我发现这些资源很有价值:
如何在Eclipse编辑器中集成SCSS开发?
或者,更一般而言,如何将CSS预处理器集成到Eclipse中?
Answers:
我只是想出了如何在Eclipse中执行此操作。我承认该解决方案不支持100%SASS,使用嵌套CSS时颜色有点时髦,但这比查看纯文本要好得多,并且您不需要安装单独的编辑器。
您需要将.scss文件类型与Eclipse中的本机Eclipse CSS编辑器关联起来[第1部分]。完成之后,您还需要将.scss文件类型添加到本机CSS编辑器中,以便CSS编辑器能够打开它[第2部分]。以下是eclipse的步骤(我正在为Web开发人员运行Eclipse Java EE IDE,Indigo):
去 Window > Preferences
深入到 General > Editors > File Associations
在“文件关联”窗格中,单击右上角的“添加...”按钮。
对于File Type:
,输入*.scss
,然后单击确定OK
。
*.scss
在File Associations
列表中找到条目并选择它。
在*.scss
底部窗格上选择之后Associated editors:
,单击Add...
按钮。
确保Internal editors
在顶部被选中,然后找到并选择CSS Editor
,然后单击OK
。
这将文件类型.scss与eclipses本机CSS编辑器关联。现在,我们必须配置本机CSS编辑器以支持.scss文件。为此,请按照下列步骤操作:
去 Window > Preferences
深入到 General > Content Types
在“内容类型”窗格中,展开Text
,然后选择CSS
之后CSS
被选中,在底部File associations:
窗格中,单击Add...
按钮。
对于Content type:
,输入*.scss
,然后单击确定OK
。
单击OK
以关闭“首选项”窗口。
全做完了。现在,您需要做的就是关闭所有打开的.scss文件,然后重新打开它们,并在Eclipse中打开.scss文件中的wha-la,css颜色!
注意:如果未显示css颜色,则可能必须执行以下操作:Right click the .scss file > Open With > CSS Editor
。
希望这可以帮助。
Aptana Studio为SASS / SCSS提供语法着色支持,并且可以将Aptana作为插件安装到Eclipse中。请参阅Aptana sownload网站上的以下报价:
通过Eclipse安装
请将以下更新站点URL复制到剪贴板,然后按照下面列出的步骤将此URL添加到“可用软件站点”列表中。尝试使用Web浏览器访问此URL将返回“拒绝访问”错误。
http://download.aptana.com/studio3/plugin/install
- 从“帮助”菜单中,选择»“安装新软件...”以打开“安装新软件”对话框。
- 将更新站点的URL粘贴到“使用”文本框中,然后按Enter(或Return)键。
- 在下面的填充表中,选中插件名称旁边的框,然后单击“下一步”按钮。
- 单击下一步按钮转到许可证页面。
- 选择接受许可协议条款的选项,然后单击“完成”按钮。
- 您可能需要重新启动Eclipse才能继续。
您可以使用称为“ Colorer”的最新Eclipse插件,该插件现在支持SASS文件。它在这里:http : //colorer.sourceforge.net/eclipsecolorer/index.html
从Eclipse的“帮助”菜单中打开“安装新软件”,然后在“使用”框中输入“ http://colorer.sf.net/eclipsecolorer ”以安装插件