如何在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文件观察器？

回答

相关问题