【问题标题】:CSS live editing - Play frameworkCSS 实时编辑 - 播放框架
【发布时间】:2016-06-26 19:33:56
【问题描述】:

我已经制作了一个网页,现在它“功能齐全”。 下一步我想给它一些风格。

该项目基于 Play 框架,我选择 SCSS 作为我的 CSS 替代方案(使用 SBT 插件转换 SCSS -> CSS)。

每次我更改一些 CSS 时,我都必须在浏览器中重新加载页面,这需要一段时间,看看我是否喜欢它并保留或恢复。然后重新开始。

我觉得这个工作流程不合适。您如何为使用 Play 构建的网页设置样式(特别是:我使用 Play 模板,所以我不能只是将每一段 HTML 复制到 CSS 编辑器中并从那里设置所有样式)?

我发现最好的方法是直接在 Chrome 中更改 CSS,记住更改并稍后将它们应用到源文件。

有没有更“自动”的做事方式?有什么好的编辑器或浏览器插件可以直接更改源文件吗?我错过了什么? 使用 Play 框架(或其他模板系统)的其他人在做什么?

谢谢!

【问题讨论】:

  • 我在github.com/livereload/LiveReload 的变体方面取得了巨大成功。有许多不同的方法可以将其集成到您的工作流程中,具体取决于您使用的工具。
  • 另外请注意,您可以将工作区添加到 chrome,这意味着当您在浏览器中编辑样式时,它也会自动编辑源文件。然而,这只适用于纯 CSS。

标签: css playframework livecoding


【解决方案1】:

也许您可以下载一个扩展程序,它会每隔...秒自动刷新您的页面。这样,您只需在代码和页面之间使用“Alt-tab”。 顺便说一句:我无法对此发表评论,我需要 50 声望。否则我不会评论它,因为这不是一个真正的答案,但这只是我的建议。

【讨论】:

  • 我已经安装了这样的插件。当我在编辑器中更改时,它会重新加载页面。问题是:插件会重新加载整个页面……而且页面很重。我想要一个插件,它只在渲染页面中重新加载/注入新的 CSS 而无需重新加载。这应该会快得多。
  • 哦,好吧。好吧,我对此一无所知。 @Lazarus535
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-10
  • 1970-01-01
  • 2015-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多