怎樣在vs2013和vs2015中實現自動編譯sass

 Visual Studio不論是2013版本還是2015版本要自動編譯都需要添加擴展。

添加擴展的方法，路徑“工具”->“擴展和更新”，在打開的視窗“搜索”你需要的擴展根據提示“下載”和“安裝”。

首先，來看一下vs2013的擴展：Web Essentials

你不想被編譯的scss文檔在文件名的前面添加一個下劃線就行了。沒有添加下劃線的文件會被自動編譯為css文件。

再來，vs2015的擴展：Web Compiler

有人會問為什麼不用vs2013中的“Web Essentials”，我來看一下“Web Essentials”官網中的提示：

原來sass得自動編譯功能已經從“Web Essentials”拆分出來了，新的名字叫“Web Compiler”。

使用方面也做了修改。你會發現scss編輯保存後並沒有自動修改。

在“Web Compiler”你要自動編譯的scss必須要添加到自動編譯的配置中。

也提供快捷鍵“shift+alt+q”。

第一次添加後生產一個配置文件。

配置文件這裡就不講解了。

這樣你的scss編輯保存後就能自動編譯了。