visual-studio-2013 - 使用 Web Essentials 2013 将 Compass 集成到 Visual Studio 2013 update 2

标签 visual-studio-2013 sass compass-sass web-essentials

我目前设置的方式是从 https://github.com/Compass/compass 下载 Compass

将它放在我所有 SCSS 文件所在的根目录中。它工作得很好,但是,我想知道他们是否是一种像 Mindscape Workbench 一样集成 Compass 的方法 http://visualstudiogallery.msdn.microsoft.com/2b96d16a-c986-4501-8f97-8008f9db141a

最佳答案

我只使用 Compass 中的 mixin,但依靠 Web Essentials 来编译保存的 SCSS 文件。 这给了我更好的开发体验,因为 compass watch编译样式表需要几秒钟,而 Web Essentials 非常快。与 compass watch我经常遇到的问题是,我在 CSS 文件完全编译之前在浏览器中重新加载了我的页面,这有时让我感到困惑。

由于 Compass SCSS 文件实际上是我依赖的一个库,因此我还将它们复制到了我的源代码树中,以便将它们放在 Git 存储库中。这也解决了 Web Essentials 无法解析 Compass 文件的问题。

这种方法对我来说非常有效,比使用 Mindscape Workbench 好得多。我必须说我不是 Mindscape Workbench 的忠实粉丝,尽管我对它的实验大约是在一年前。但是YMMV。

关于visual-studio-2013 - 使用 Web Essentials 2013 将 Compass 集成到 Visual Studio 2013 update 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24318487/

相关文章:

visual-studio-2013 - 打开解决方案之前卸载项目

sass - 要导入的文件未找到或无法读取 : compass/css3 on compiling a ready made . SCSS 文件

sass - 如何在 SCSS 中使用另一个变量中的变量

css - Sass 和四舍五入的数字。这个可以配置吗?

css - 如何以这种方式在 Compass 中获取 css sprite 类?

c++ - 我正在尝试在 Visual Studio 2013 中编写我的第一个 "Hello World"代码。为什么我收到 "IntelliSense: no operator message"和 "error C2563"?

asp.net-mvc - Visual Studio 2013 Format Document 在 MVC 中将属性转换为小写

visual-studio - 是否可以从另一个共享项目中引用共享项目?

css - SCSS导入文件而不导入

javascript - 覆盖 :hover on elements under pseudo element