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支持有點片面嗎？

回答

相關問題