我想在Eclipse中编辑SCSS文件,最好用突出显示.scss
文件的语法。
我发现这些资源很有价值:
- http://sass-lang.com/editors.html-仅.sass没有.scss文件的编辑器
- http://colorer.sourceforge.net/eclipsecolorer-仅具有.scss文件
如何在Eclipse编辑器中集成SCSS开发?
或者,更一般而言,如何将CSS预处理器集成到Eclipse中?
我想在Eclipse中编辑SCSS文件,最好用突出显示.scss
文件的语法。
我发现这些资源很有价值:
如何在Eclipse编辑器中集成SCSS开发?
或者,更一般而言,如何将CSS预处理器集成到Eclipse中?
您可以使用称为“ Colorer”的最新Eclipse插件,该插件现在支持SASS文件。它在这里:http : //colorer.sourceforge.net/eclipsecolorer/index.html
从Eclipse的“帮助”菜单中打开“安装新软件”,然后在“使用”框中输入“ http://colorer.sf.net/eclipsecolorer ”以安装插件
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:
Installing via Eclipse
请将以下更新站点URL复制到剪贴板,然后按照下面列出的步骤将此URL添加到“可用软件站点”列表中。尝试使用Web浏览器访问此URL将返回“拒绝访问”错误。
http://download.aptana.com/studio3/plugin/install
- 从“帮助”菜单中,选择»“安装新软件...”以打开“安装新软件”对话框。
- 将更新站点的URL粘贴到“使用”文本框中,然后按Enter(或Return)键。
- 在下面的填充表中,选中插件名称旁边的框,然后单击“下一步”按钮。
- 单击下一步按钮转到许可证页面。
- 选择接受许可协议条款的选项,然后单击“完成”按钮。
- 您可能需要重新启动Eclipse才能继续。
我只是想出了如何在Eclipse中执行此操作。我承认此解决方案不支持100%SASS,使用嵌套CSS时颜色会有点时髦,但是比查看纯文本要好得多,并且您不需要安装单独的编辑器。
您需要将.scss文件类型与Eclipse中的本机Eclipse CSS编辑器关联起来[第1部分]。完成之后,您还需要将.scss文件类型添加到本机CSS编辑器中,以便CSS编辑器能够打开它[第2部分]。以下是Eclipse的步骤(我正在为Web开发人员运行Eclipse Java EE IDE,Indigo):
第1部分-将.scss文件类型与本机Eclipse CSS编辑器相关联
去
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文件。为此,请按照下列步骤操作:
第2部分-将.scss文件类型添加到本机CSS编辑器
去
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
。希望这可以帮助。