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

2024-05-17

我想在 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 编辑器关联

  1. Go to Window > Preferences

  2. 深入了解General > Editors > File Associations

  3. 在“文件关联”窗格中,单击右上角的“添加...”按钮。

  4. For File Type:, enter *.scss然后单击OK.

  5. 找出*.scss条目在File Associations列出并选择它。

  6. 选择后*.scss,在底部窗格中Associated editors:, 点击Add... button.

  7. 确保Internal editors选中上面的,然后找到并选择CSS Editor然后单击OK.

这将文件类型 .scss 与 Eclipse 原生 CSS 编辑器相关联。现在我们必须配置本机 CSS 编辑器以支持 .scss 文件。为此,请按照以下步骤操作:

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

  1. Go to Window > Preferences

  2. 深入了解General > Content Types

  3. 在内容类型窗格中,展开Text,然后选择CSS

  4. After CSS被选中,在底部File associations:窗格中,单击Add... button.

  5. For Content type:, enter *.scss然后单击OK.

  6. Click OK关闭首选项窗口。

全做完了。您现在需要做的就是关闭所有打开的 .scss 文件,然后重新打开它们,哇哦,在 Eclipse 中为 .scss 文件设置 css 颜色!

注意:如果 css 颜色没有出现,您可能需要执行以下操作:Right click the .scss file > Open With > CSS Editor.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

  • EGit(Eclipse git 插件)可以使用 SSH 密钥代替用户名和密码吗?

    我需要提交的 git 中央存储库是使用 SSH 密钥配置的 我的用户名是jmglov 但是当我执行 git 操作时 例如git clone 我使用这个配置 jmglov kitiara cat git config remote origi
  • React JS - 单击时更改颜色并将默认颜色放在所有其他颜色上

    我有 x 个渲染数文章预览依赖于 API 调用的组件 div div Object keys images map index i gt return div div
  • 如何让版权信息显示在 Eclipse RCP 应用程序的“关于”对话框中

    我正在使用 Eclipse 的 IWorkbenchAction 它显示 Eclipse 关于对话框 当我在 RCP 应用程序中使用该操作时 关于 对话框成功显示 但是 当我想继续单击 安装详细信息 按钮时 我会看到一个带有选项卡的对话框
  • IE8 忽略 td 宽度,适用于 IE7

    有一张表看起来像这样 table width 100 tr td td tr tr td style width 201px td td style width 100 td tr table 在除 IE8 之外的每个浏览器 包括 IE7
  • Eclipse Juno 指标插件

    Eclipse JUNO 版本有哪些 Eclipse 指标插件 我尝试了一些通用指标插件 但没有一个能够在 Eclipse 的 JUNO 版本中正常运行 差点忘了 我们正在使用 Java 作为编程语言 我想要诸如圈复杂度 代码行数 方法长度
  • 使用本机 JavaScript 获取过渡中的 CSS 值

    这个问题之前被问过 但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此 我将调整问题以专门询问native解决方案 to 最小化依赖关系 假设您有一个 div 然后
  • div Hello div div Howdy dere pardner div div div 我明白它的作用 但为什么叫这个名字both 什么是both mean 两者的意思是 一组两件事中的每一项 左 和 右 两件事
  • 将 Div 放置在另一个 DIV 下方

    我有两个 DIV 元素 其中之一具有绝对位置 主 DIV 的左下角 第二个 DIV 是隐藏的 只有单击链接才能显示 我需要第二个出现在第一个下方 但由于第一个 div 的位置是绝对的 第二个 div 出现在第一个 div 之上 HTML 代
  • 如何修复“没有这样的文件或目录,lstat 'scss/'”?

    我正在尝试遵循 youtube 上的简单教程他尝试使用终端运行 npm 脚本 sass 文件 当我执行命令时npm 运行 sass显示错误消息错误 ENOENT 没有这样的文件或目录 lstat scss 我认为问题在于文件的路径或文件的权
  • 用于选择或删除直到(但不包括)下一个单词的所有空格的 Eclipse 快捷方式

    多年来我一直在使用 Netbeans 以下是我在 Eclipse 中找不到的极少数功能之一 如何通过一次击键组合分别选择或删除直到 但不包括 下一个或上一个单词的所有尾随或前面的空格 In netbeans Ctrl Shift Right
  • 使用 python 在一个 html 页面中显示分割数据框的 HTML 代码

    我是 html css 新手 所以对以 html 格式显示的数据有疑问 我有一个很长的列表 我想将其拆分并以 html 格式显示为两个单独的列 例如 而不是 Col1 Col2 1 a 2 a 3 a 4 a 5 b 6 b 7 b 8 b
  • div 中的中心文本?

    我有一个div 30px高和500px宽的 这div可以包含两行文本 一行在一行 并相应地设置样式 填充 但有时它只包含一行 我希望它居中 这可能吗 要水平居中 请使用text align center 要垂直居中 只能使用vertical
  • 如何在其他div id的悬停中使用div显示块

    如何打开div悬停时标记href tag 这是我在悬停 href 标签上显示 div 标签的代码 Services is id of href tag Services is id of div tag Service hover Serv
  • 固定 div 位于居中 div 旁边

    我有一个网页 其中有可滚动的内容 此内容包含在 content 内 位于页面的中心 现在我希望导航栏出现在内容左侧 50 像素处 该栏应具有固定位置 不应滚动 这是我到目前为止所尝试过的 nav position fixed top 50
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150
  • 为什么我的交互式图像仅在 Internet Explorer 上出现故障?

    我的问题 我为自己制作了一个图像地图 交互式图像 它在 Chrome safari 和 Firefox 上完美运行 然而 当我在可怕的互联网浏览器上尝试它时 它真的很糟糕 这些小点应该扩展到更大的盒子中 在互联网浏览器上它要么不起作用 要么
  • 使用 CSS 的响应式图像

    我发现调整图像大小以使其具有响应能力很棘手 我正在开发一个 php 应用程序来自动将网站转换为响应式版本 我有点被图像困住了 我已经成功地为网站上的每个图像添加了一个包装类 并且可以很好地调整图像的大小 我的问题在于自然小于窗口的图像 例如
  • Eclipse 中 Spring MVC 模型对象的 (jsp /jstl) 视图中的代码辅助

    在 Spring MVC 中 当将对象放置在视图模型中时 如下所示 public String getUser Model model fetch user model addAttribute user user return viewN
  • css3按钮背景颜色无限过渡

    有没有办法仅使用 css3 使按钮的背景颜色从灰色渐变为蓝色 然后又回到灰色 一个很好的例子是默认操作按钮是可可 我知道这可以在 javascript 中完成 但我宁愿只使用 css 来完成此操作 您好 我已经通过 CSS3 动画制作了按钮

随机推荐

  • 使用 Vlc DotNet 库显示视频

    我在 Visual Studio 2012 中制作了一个 C Windows 窗体应用程序 并从该网页添加了 dll http vlcdotnet codeplex com http vlcdotnet codeplex com 我已经获得
  • 连接到不可发现的蓝牙设备

    我正在开发一个安卓应用程序 只是一个一般性问题 是否可以连接到公开不可发现的设备 提前致谢 如果您之前已与该设备配对 则即使该设备未处于可发现模式 也可以再次连接到该设备 参见这篇文章 以编程方式连接到配对的蓝牙设备 https stack
  • 多个值文件中包含多个列表的 Helm 图表

    我有一个包含以下内容的values yaml abc env name name01 value value01 name name02 value value02 我有另一个值文件values dev yaml 我在使用 f安装时添加它
  • 无法在带有 QSortFilterProxyModel 的 QTreeView 的点击信号中使用 itemFromIndex

    我有一个 QTreeView 在视图和 QStandardItemModel 之间有一个 QSortFilterProxyModel 来对树进行排序 然后我想通过 clicked 信号对视图中的点击进行操作 模型 视图的设置类似于 mymo
  • 有没有一种方法可以将python对象直接存储在mongoDB中而不需要序列化它们

    我在某处读到过 您可以使用 BSON 将 python 对象 更具体地说是字典 作为二进制文件存储在 MongoDB 中 但是现在我找不到任何与此相关的文档 有人知道具体如何做到这一点吗 没有办法在不序列化的情况下将对象存储在文件 数据库
  • Gradlew 使用 Git Bash 打印控制字符

    我在 Intellij Idea Community Edition 2020 中使用 git bash 作为集成终端 下载的Gradlew是5 2 1 当我运行类似的东西时gradlew build It prints some rand
  • createImage(int width, int height) 的问题

    我有以下代码 作为游戏的一部分每 10 毫秒运行一次 private void gameRender if dbImage null createImage returns null if GraphicsEnvironment isHea
  • 滚动时输入自动完成位置错误(chrome)

    我在输入文本的默认自动完成功能方面遇到了一些麻烦 滚动时它不会相应移动 我希望自动完成文本保留在输入的正下方 有办法做到这一点吗 我在 Chrome 浏览器版本 57 0 2987 133 中发生这种情况 fiddle https jsfi
  • 将 {sitename} 参数传递给 MVC 控制器操作

    我怎样才能检索站点范围的 URL 参数在路线中而不用参数使每个控制器操作混乱 我的问题类似于这个问题 https stackoverflow com questions 235118 asp net mvc route to usernam
  • 如何用流程图表示递归函数?

    我需要在流程图上表示递归函数 我的问题是我不知道如何指示该函数可以一次在多个元素上调用自身 例如扫描图形的函数 有人有什么建议吗 在流程图中 您通常不会为循环之类的内容添加多次调用 您只需指示可以重复调用代码 直到满足条件为止 因此 对于递
  • 是否可以检测 lambda 捕获组中是否有“this”?

    在 c 17 中 是否可以进行模板元编程来检测 this 是否是捕获组的一部分 还是在运行时 我有一个 A 类 它接受 lambda 以供以后调用 然而 如果拥有 A 的对象 B 在它提供给 A 的 lambda 中捕获 this 那么它可
  • Java Runtime.getRuntime().freeMemory() 问题

    我搜索并看到了一些线程 但没有一个能够解决我遇到的具体问题 我正在尝试使用以下方式监视我的内存使用情况Runtime getRuntime freeMemory Runtime getRuntime maxMemory and Runtim
  • 有没有办法通过chrome的resourceType获取所有mime类型

    chrome api中有多种resourceType类型 例如 文档 样式表 图像 媒体 字体 脚本 TextTrack XHR Fetch EventSource WebSocket Manifest 其他 现在我想知道resourceT
  • 使用 .NET 中的类型化数据集将 SQL 参数传递给 IN() 子句

    首先道歉 因为该网站上有类似的问题 但没有一个直接回答这个问题 我在 VS 2010 中使用类型化数据集 我在数据集中创建一个 TableAdapter 查询如下 SELECT from Table WHERE ID IN IDs 现在如果
  • 在 Bluehost 共享主机上发送电子邮件

    我已经使用 gmail smtp 在本地服务器上测试了 Laravel 电子邮件 并且工作正常 MAIL DRIVER smtp MAIL HOST smtp gmail com MAIL PORT 587 MAIL USERNAM ema
  • 如何展平列表?

    我怎样才能轻松地压平List在达特 例如 var a 1 2 3 a b c true false true var b 1 2 3 a b c true false true 我该如何转向a into b 即变成一个List包含所有这些值
  • 无法在 JavaScript for 循环中读取 null 的属性“长度”

    我正在尝试制作一个像 Stack Overflow 那样的 Markdown 编辑器 如果我实际上没有在文本区域中键入星号和包含短语的 http 我会收到标题中列出的此错误 如果我只输入包含星号的短语 则错误指的是这一行 if linkif
  • Laravel 广播:通知与事件

    我阅读了 laravel 文档Events and Notifications 似乎我们可以触发一个事件 并从该事件中触发 使用ShouldBroadcast接口 将其广播到我理解的 laravel echo 另一方面我们可以使用通知via
  • 有没有办法禁用网站上表单的自动填写? [复制]

    这个问题在这里已经有答案了 我最近才学会使用创建网站HTML and PHP 我创建了一个网站 其中有一个测验 要求人们随机翻译单词 用户将他们的答案输入到表格中 网站评估答案是否正确 现在 当一个问题在一个会话中被问两次时 就会出现自动填
  • 如何在Eclipse中集成CSS预处理? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想在 Eclipse 中编辑 SCSS 文件 最好使用语法突出显示 scss files 我发现这些资