如何在PhpStorm中正確設置scss文件觀察器？

我有它的工作，但這些設置需要很長一段時間，直到在PhpStorm中發生變化。如果我擺脫了參數字符串的../css/部分，那麼它會在scss文件所在的目錄中創建/更新css文件，但會立即執行。我究竟做錯了什麼？如何在PhpStorm中正確設置scss文件觀察器？

我使用PhpStorm 6.0.1在OS X 10.8.3

My current settings

來源

2013-05-09 bernk

從手冊：「在輸出路徑文本框，其中transpiler存儲其輸出指定文件：生成的源代碼，源地圖和依賴關係基於此設置，PhpStorm通過轉發檢測生成的文件。「

來源

2013-05-09 16:41:59 bernk

看一看這個，也可以參考意見： http://youtu.be/fe14-21NTGU – 2014-08-21 13:32:12

因爲它在前面的答案中提到過，所以必須相應地設置輸出路徑選項。像：

Arguments: --no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css 

Working directory: $FileDir$ 

Output Paths: $FileParentDir$/css/$FileNameWithoutExtension$.css

現在輸出路徑相匹配的SCSS輸出目錄，讓IDE知道到哪裏尋找輸出和它是什麼樣子

來源

2013-05-14 15:26:38 lena

謝謝，但詢問後我想了很久。以前的答案是我自己的。 – bernk 2013-05-14 18:31:44

這個答案比較清楚，謝謝！ – ithil 2014-11-04 11:56:05

我真的不敢相信我必須谷歌！：D – tftd 2014-12-16 18:36:10

在Phpstorm 7使用

參數： - -no緩存--update $文件名$：$ FileParentDir $ /路徑/到/ CSS/DIR/$ FileNameWithoutExtension $的.css

輸出路徑： $ FileParentDir $ /路徑/到/ CSS/DIR/$ FileNameWithoutExtension $的.cs s

找到了。

來源

2013-12-18 18:28:42 DavidPortella

對於任何使用節點薩斯在Windows信封，在這裏你走，

計劃：

的Windows

C:\Users\%username%\AppData\Roaming\npm\node-sass.cmd

的Linux

/usr/local/bin/node-sass

個
參數（Windows）中：

$FileName$ $ProjectFileDir$\dist\$FileNameWithoutExtension$.css

用於刷新輸出路徑（窗口）：

$ProjectFileDir$\dist\$FileNameWithoutExtension$.css

來源

2016-04-26 16:04:34 KuN

如果您需要sourcemap，只需將'--sourceMap = $ FileDir $'添加到'Arguments'的末尾即可。這將告訴node-sass將sourcemap文件輸出到包含scss文件的相同文件夾。 – KuN 2016-07-08 17:55:55

嗨，我正在使用Mac。我使用scss編譯器爲.scss在phpstorm 2016.1中創建了一個文件監視器，它運行良好。由於node-sass速度更快，我在全局安裝了node-sass，並將程序設置從「/ usr/bin/scss」更改爲「/ usr/local/bin/node-sass」。但它在phpstorm中不起作用，相反，它總是顯示微調，它提醒我它正在編譯。你知道如何解決這個問題嗎？ – 2016-08-11 17:27:42

@ Ng2-Fun我對OSX並不熟悉，但似乎路徑不同？ ''/ usr/local/lib/node_modules/node-sass''？ – KuN 2016-08-11 17:50:45

我建議使用節點薩斯它更快 10+倍

npm install -g node-sass

計劃：

/usr/local/bin/node-sass

參數：

$FileName$ $FileNameWithoutExtension$.css

輸出路徑：

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

編輯：

如果你想壓縮的css文件，使用的參數：

--output-style compressed $FileName$ $FileNameWithoutExtension$.css

來源

2016-07-14 14:57:04 dam1

如何在PhpStorm中正確設置scss文件觀察器？

回答

相關問題