我想在 Eclipse 中编辑 SCSS 文件,最好使用语法突出显示.scss
files.
我发现这些资源很有价值:
-
http://sass-lang.com/editors.html http://sass-lang.com/editors.html- 没有 .scss 文件的编辑器,仅 .sass
-
http://colorer.sourceforge.net/eclipsecolorer http://colorer.sourceforge.net/eclipsecolorer- 只有 .scss 文件
如何将 SCSS 开发集成到 Eclipse 编辑器中?
或者,更一般地说,如何将 CSS 预处理器集成到 Eclipse 中?
我刚刚弄清楚如何在 Eclipse 中执行此操作。我承认这个解决方案没有 100% SASS 支持,使用嵌套 css 时颜色有点奇怪,但它比查看纯文本要好得多,而且您不需要安装单独的编辑器。
您需要将 .scss 文件类型与 Eclipse 中的本机 Eclipse CSS 编辑器相关联[第 1 部分]。完成此操作后,您还需要将 .scss 文件类型添加到本机 CSS 编辑器,以便 CSS 编辑器能够打开它 [第 2 部分]。以下是 eclipse 的步骤(我正在运行 Eclipse Java EE IDE for Web Developers, Indigo):
第 1 部分 - 将 .scss 文件类型与本机 Eclipse CSS 编辑器关联
-
Go to Window > Preferences
-
深入了解General > Editors > File Associations
-
在“文件关联”窗格中,单击右上角的“添加...”按钮。
-
For File Type:
, enter *.scss
然后单击OK
.
-
找出*.scss
条目在File Associations
列出并选择它。
-
选择后*.scss
,在底部窗格中Associated editors:
, 点击Add...
button.
-
确保Internal editors
选中上面的,然后找到并选择CSS Editor
然后单击OK
.
这将文件类型 .scss 与 Eclipse 原生 CSS 编辑器相关联。现在我们必须配置本机 CSS 编辑器以支持 .scss 文件。为此,请按照以下步骤操作:
第 2 部分 - 将 .scss 文件类型添加到本机 CSS 编辑器
-
Go to Window > Preferences
-
深入了解General > Content Types
-
在内容类型窗格中,展开Text
,然后选择CSS
-
After CSS
被选中,在底部File associations:
窗格中,单击Add...
button.
-
For Content type:
, enter *.scss
然后单击OK
.
-
Click OK
关闭首选项窗口。
全做完了。您现在需要做的就是关闭所有打开的 .scss 文件,然后重新打开它们,哇哦,在 Eclipse 中为 .scss 文件设置 css 颜色!
注意:如果 css 颜色没有出现,您可能需要执行以下操作:Right click the .scss file > Open With > CSS Editor
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)