1

我正在开发适用于 Windows 8 的 Metro 应用程序并使用 MS Visual Studio 2012。目前我正在使用 SASS 和 Compass 在保存 SCSS 文件时自动将 SCSS 转换为 CSS。

我想要的是能够在运行时更改 CSS。那是; 我想在我的右侧屏幕上打开 SCSS 文件，当我对其进行更改时，左侧屏幕上正在运行的应用程序会显示更改。目前我必须在 Visual Studio 中刷新应用程序，但这不会保留状态。

所以总结一下：

  • 我已经成功安装了 Compass 和 SASS。当我更改 SCSS 文件时，会正确重新生成 CSS 文件（包含在项目中）
  • 我正在运行的应用程序未反映 CSS 文件中所做的更改。我需要重新加载应用程序才能显示更改。
  • 我希望能够在运行时看到更改。

非常感谢任何建议或帮助！如果需要，我愿意转换为 LESS。

4

2 回答 2

0

Mindscape 的Web Workbench是另一个根据您的 SCSS 自动生成 CSS 的工具。我不确定它是否能解决您在运行时反映更改的问题，但值得一试。

于 2012-06-28T10:44:17.753 回答
0

Microsoft Visual Studio 11 附带了一个名为 Blend（以前的 Expression Blend）的应用程序。在 Visual Studio 中，您可以通过在解决方案资源管理器中右键单击项目并选择“在 Blend 中打开”来打开项目。

在 Blend 中，可以使用所谓的“交互模式”来切换应用程序中的状态，然后冻结它们以进行 CSS 更改。即使状态被冻结，在 Blend 中所做的 CSS 更改也会自动显示。

可能还希望激活在更改时混合重新加载文件而不提示的选项。这样就可以在 Blend 中实时查看使用 SASS 所做的更改。一个缺点是 Blend 需要获得焦点才能重新加载 CSS 文件。好处是它不会重置状态信息，因此可以轻松地设置弹出窗口和对话框的样式。

也可以选择使用内置的 GUI 轻松更改 CSS。这样做的问题是 Blend 不支持 SCSS，因此您必须将使用 Blend 生成的修改后的 CSS 复制到适当的 SCSS 文件中。

更多关于 Blend 和 VS11的信息。

于 2012-06-29T13:59:07.777 回答