VS代碼SCSS自動編譯爲CSS

我完全是編程初學者，剛開始學習HTML/CSS。對於編碼我開始使用VS代碼。我真的很喜歡它。VS代碼SCSS自動編譯爲CSS

到目前爲止唯一的問題，我得到的是自動編譯SCSS到CSS。我已經搜索和閱讀了很多解決方案，並且我發現的最好的是在VS代碼終端中使用ruby + sass +代碼sass --watch .當創建新的SCSS時，它正在觀察我的項目並創建新的CSS。它正在關注SCSS的變化。但問題在於，每次啓動VS代碼時都必須輸入此代碼。

也嘗試過使用Gulp文件和package.json解決方案，但也無法使其自動啓動。而且必須分別爲每個項目制定。我也試過Atom，它有sass-autocompile package，它完美的工作。所以，對我來說最簡單的方法就是使用Atom並忘記。但我想使用VS Code。

所以，一般的問題是，是否有可能爲VS Code創建擴展以自動將SCSS編譯爲CSS（類似於Atom的包，這將是最好的IMO）。或者也許有人可以解釋我如何解決這個問題。

來源

2017-03-01 Janis.B

你需要兩樣東西：

tasks.json文件
銀翼殺手擴展VS CODE

開始在你的項目中創造.vscode文件夾。

然後在其中創建tasks.json文件，內容如下：

{ 
    "version": "0.1.0", 
    "command": "sass", 
    "isShellCommand": true, 
    "args": ["--watch", "."], 
    "showOutput": "always" 
}

現在，打開項目後，您可以通過點擊按Ctrl + Shift + B運行任務。

要自動化的過程中使用銀翼殺手擴展 - https://marketplace.visualstudio.com/items?itemName=yukidoi.blade-runner

銀翼殺手將開盤項目:)

來源

2017-03-11 19:36:56 gabrieln

謝謝Gabrieln後自動運行的任務！你的方法有效！它關閉VS Code時要求終止任務，但這不是問題。 –

VS代碼SCSS自動編譯爲CSS

回答

相關問題