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

mgdq6dx1  于 2022-12-24  发布在  Eclipse
关注(0)|答案(3)|浏览(144)

**已关闭。**此问题不符合Stack Overflow guidelines。当前不接受答案。

我们不允许问题寻求有关书籍、工具、软件库等的推荐。你可以编辑问题,以便可以使用事实和引用来回答问题。
八年前就关门了。
Improve this question
我想在Eclipse中编辑SCSS文件,最好对.scss文件使用语法高亮显示。
我发现这些资源很有价值:

如何在Eclipse编辑器中集成SCSS开发?
或者,更一般地说,如何将CSS预处理器集成到Eclipse中?

bjp0bcyl

bjp0bcyl1#

我刚刚知道如何在Eclipse中实现这一点,我承认这个解决方案没有100%的SASS支持,当使用嵌套的css时,颜色会变得有点时髦,但它比查看纯文本要好得多,而且你不需要安装一个单独的编辑器。
在Eclipse中,您需要将.scss文件类型与本机Eclipse CSS编辑器相关联[第1部分]。完成此操作后,您还需要将.scss文件类型添加到本机CSS编辑器中,以便CSS编辑器能够打开它[第2部分]。以下是Eclipse的步骤(我正在运行Eclipse Java EE IDE for Web Developers,靛蓝):

第1部分-将.scss文件类型与本机Eclipse CSS编辑器关联

1.转到Window > Preferences
1.向下钻取到General > Editors > File Associations
1.在“文件关联”窗格中,单击右上角的“添加...”按钮。
1.对于File Type:,输入*.scss,然后单击OK
1.在File Associations列表中找到*.scss条目并将其选中。
1.选择*.scss后,在底部窗格Associated editors:上单击Add...按钮。
1.确保选中顶部的Internal editors,然后查找并选择CSS Editor,然后单击OK
这将文件类型.scss与eclipses原生CSS编辑器关联起来。现在我们必须配置原生CSS编辑器以支持.scss文件。要做到这一点,请按照以下步骤操作:

第2部分-将.scss文件类型添加到本机CSS编辑器

1.转到Window > Preferences
1.向下钻取到General > Content Types
1.在“内容类型”窗格中,展开Text,然后选择CSS
1.选择CSS后,在底部的File associations:窗格中,单击Add...按钮。
1.对于Content type:,输入*.scss,然后单击OK
1.单击OK关闭“首选项”窗口。
全部完成。现在你需要做的就是关闭所有你已经打开的.scss文件,然后重新打开它们,在Eclipse中为.scss文件添加css颜色!
注意:如果css颜色没有出现,您可能需要执行以下操作:Right click the .scss file > Open With > CSS Editor .

xlpyo6sf

xlpyo6sf2#

Aptana Studio为SASS/SCSS提供了语法着色支持,并且可以将Aptana作为插件安装到Eclipse中。请参阅Aptana下载站点中的以下引文:
通过Eclipse安装
请将以下更新站点URL复制到剪贴板,然后按照下面列出的步骤将此URL添加到“可用软件站点”列表。尝试使用Web浏览器访问此URL将返回“访问被拒绝”错误。
http://download.aptana.com/studio3/plugin/install
1.从“帮助”菜单中选择“安装新软件...”以打开“安装新软件”对话框。
1.将更新站点的URL粘贴到“使用”文本框中,然后按Enter(或Return)键。
1.在下面填充的表格中,选中插件名称旁边的框,然后单击Next按钮。
1.单击“下一步”按钮转到许可证页面。
1.选择接受许可协议条款的选项,然后单击“完成”按钮。
1.您可能需要重新启动Eclipse才能继续。

jdzmm42g

jdzmm42g3#

您可以使用最新的Eclipse插件“Colorer”,它现在支持SASS文件。http://colorer.sourceforge.net/eclipsecolorer/index.html
从Eclipse的“帮助”菜单中打开“安装新软件”,并在“使用”框中输入“http://colorer.sf.net/eclipsecolorer“以安装插件

相关问题