Visual Studio 2013中的SCSS支持有点片面吗？

我目前正在尝试获取集成在Visual Studio 2013（更新2 RC）环境中的Foundation框架，特别是SCSS文件。 SCSS中的非常基本的操作似乎运作良好，但试图做更复杂的事情似乎会导致问题。Visual Studio 2013中的SCSS支持有点片面吗？

举个例子，我试着输入下面的：

body { 
    text-align: center; 
} 


$grid-width: 1200; 
$grid-cells: 12; 
$cell-padding: 5; 
$cell-size: $grid-width/$grid-cells - ($cell-padding * 2); 

.container {  
} 

.grid { 
    padding: 0 #{$cell-padding}px; 
} 

.grid-1 { 
    width: #{$cell-size}px; 
    @extend .grid; 
} 

.grid-2 { 
    width: #{$cell-size * 2}px; 
    @extend .grid; 
} 

.grid-3 { 
    width: #{$cell-size * 3}px; 
    @extend .grid; 
} 

.grid-4 { 
    width: #{$cell-size * 4}px; 
    @extend .grid; 
}

预期的CSS文件被创建，但它不添加到Visual Studio项目，以及SCSS拆分视图（我敢假设是在更新2中引入的？）似乎也不想工作。基础代码有类似的结果。

我已经尝试过使用SassyStudio和Web Workbench，但得到了相同的结果 - 我不太清楚SCSS支持是如何交互的。

是否有任何扩展可用于SCSS支持正常工作或我错过的任何设置？

在此先感谢。

来源

2014-04-29 BenDTU

请问如何生成css文件？ –

我可以第二个@AndrasToth问题吗？我的理解是，VS2013Update 2支持仅用于编辑和不编译... – dan

是的，这是正确的 - 我意识到它实际上并不是Visual Studio进行编译，而是我安装的Web Essentials。我认为他们已经解决了自那时起我遇到的任何问题。

来源

2014-05-26 05:38:03 BenDTU

Visual Studio 2013中的SCSS支持有点片面吗？

回答

相关问题