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

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

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

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

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

梅番长2020/03/17 18:13:20

我只是想出了如何在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

希望这可以帮助。

猴子猿2020/03/17 18:13:20

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

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

米亚西门2020/03/17 18:13:20

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

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