保存到scss文件會自動更新css文件嗎？

我剛剛開始使用scss（使用Webstorm），它似乎在保存scss文件後自動生成/更新css文件。不幸的是，當我現在保存scss文件時，沒有對css文件進行更改。我正在從不同位置處理這些文件，所以我猜測Webstorm設置可能會有所不同。我認爲文件觀察員可能與此有關，但我不確定程序領域會發生什麼。我真的不知道爲什麼會發生這種情況。保存到scss文件會自動更新css文件嗎？

來源

2014-01-27 Randomishlying

不，保存.SCSS文件不會自動編譯最終的樣式表文件。你需要做的是設置一個手錶。有很多方法可以做到這一點（還有許多方案可以幫你做到）。

最直接的是通過命令行。假設你已經安裝了SASS寶石（和你在Ruby環境是），請在命令行中執行以下操作：

導航到你的.scss文件/秒保持的文件夾。
運行以下命令：sass --watch style.scss:style.css

注：以上假定您.scss和.css文件都被命名爲風格，進行相應的調整，如果他們不。另外，如果.css和.scss文件位於不同的目錄中，則必須相應地調整路徑。

記住，sass --watch然後yourScssFile.scss：yourCssFile.css

或者您可以使用一個應用程序，像LiveReload看文件給你。這需要一些配置，但是如果你只是剛剛開始在SCSS/SASS的惡劣世界中，那麼它可能會更容易一些

來源

2014-01-27 04:35:04 monners

你能提出任何需要這樣做的程序嗎？ – Randomishlying

我給我的回答添加了一個建議:) – monners

這可能也有幫助（假設你在Mac上）http://mac.appstorm.net/roundups/internet-roundup/5-mac-apps-that-make- css-preprocessors-easy-use/ – monners

Yopu可以使用WebStorm中的File Watchers自動更新關於改變SCSS的CSS文件;但是這也需要安裝外部SCSS編譯器（SASS gem）。請參閱http://www.jetbrains.com/webstorm/webhelp/transpiling-sass-less-and-scss-to-css.html#d104715e458以獲取更多信息

來源

2014-01-28 14:56:03 lena

Jetbrain的PyCharm IDE也是如此。創建或編輯SASS文件將允許您通過文件編輯器頂部的工具欄輕鬆添加觀察器。 –

保存到scss文件會自動更新css文件嗎？

回答

相關問題