【发布时间】: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