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

css CSS

神无乐

2020-03-17

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

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

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

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

第1973篇《如何在Eclipse中集成CSS预处理?\[关闭\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
梅番长 2020.03.17

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

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

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

米亚西门 2020.03.17

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才能继续。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android