我如何正确设置在PhpStorm的SCSS文件守望者？(How do I correctly set

我有工作，但这些设置它需要相当长一段时间，直到变化PhpStorm来通过。 如果我摆脱了../css/参数字符串的一部分，那么它创建为SCSS文件是/更新在同一目录下的CSS文件，但马上做的。 我究竟做错了什么？

我使用PhpStorm 6.0.1在OS X 10.8.3

Answer 1:

因为它在以前的答案是提到的，你必须相应地设置输出路径选择。 喜欢：

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

Working directory: $FileDir$

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

现在输出路径相匹配的SCSS输出目录，让IDE知道到哪里寻找输出和它是什么样子

Answer 2:

我建议使用节点青菜它的速度更快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  

Answer 3:

对于任何使用节点萨斯在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

Answer 4:

在Phpstorm 7使用

参数：--no缓存--update $文件名$：$ FileParentDir $ /路径/到/ CSS / DIR / $ FileNameWithoutExtension $的.css

输出路径：$ FileParentDir $ /路径/到/ CSS / DIR / $ FileNameWithoutExtension $的.css

此发现。

Answer 5:

从手动：“在输出路径文本框中，指定文件，其中存储transpiler其输出：。将所得的源代码，源映射，以及依赖关系在此基础上设置，PhpStorm检测透过transpilation 生成的文件 。”

文章来源: How do I correctly setup the scss file watcher in PhpStorm?