【问题标题】:Unable to run SASS in Webstorm无法在 Webstorm 中运行 SASS
【发布时间】:2014-07-14 23:05:31
【问题描述】:

我刚刚使用 Ruby Gems 安装了 Sass,尽管我的项目是在 Webstorm 中的 NodeJS 中。在 Webstorm 中启用 SASS 文件观察器。当我从命令行运行“sass styles.scss”时,我得到一个 .sass-cache 文件夹,但没有实际编译的 CSS 文件。 Webstorm 在我的 SASS 文件中没有显示任何错误。我需要将文件编译成 .css 文件。

我还尝试在 Webstorm 中设置一个不编译 scss 文件的文件监视程序。我在 Webstorm 的 filewatcher 中的 SCSS 可执行路径是这样的。 C:\Ruby200-x64\bin\sass.bat.

这里是文件监视器设置。

Webstorm在控制台显示的错误,当.scss文件被保存时(应该触发文件观察器的时候),是这样的:

C:/Ruby200-x64/bin/sass.bat --no-cache --update styles.scss:styles.css
'"ruby.exe"' is not recognized as an internal or external command,
operable program or batch file.

上图中无法完全看到的文件观察器的完整参数是这样的:

--no-cache --update $FileName$:$FileNameWithoutExtension$.css

【问题讨论】:

  • 你不必使用 cmd/terminal 来使用 (ruby) sass watchers。只需打开观察者,选择(在安装 ruby​​ 的情况下)到 sass.bat 的路径。之后,只需检查那个观察者的名字,你就可以开始了。从 .scss 文件(默认)的下拉列表中检查您的 .css。
  • @Drops 谢谢!我试过了。但是现在,Webstorm 中的控制台说; '"ruby.exe"' is not recognized as an internal or external command, operable program or batch file. 我是否应该尝试在 bat 文件中将其更改为“ruby”。我刚刚为我安装了 Ruby 和它的新功能 - 所以我不想破坏默认安装中的任何内容。
  • @Drops - 我上面提到的 sass-cache 文件夹是我尝试从命令行进行编译时得到的。
  • @EC,嗯。为此,您不需要 ruby​​.exe。我有两台机器,并尝试使用 Ruby 32 和 64 位(为了获胜),因为我遇到了一些问题并让它在两者上都工作。所以不是这样。你有没有通过cmd或者***storm内置终端安装sass?
  • @Drops 我按照此处的指示从 Windows CMD 安装了 Ruby 和 Sass:sass-lang.com/install。我已经在上面发布了更多详细信息。谢谢。

标签: sass webstorm


【解决方案1】:

这里是:

不计算,而是从上到下,

  1. 选择你的观察者,你可以为各种情况做预设(可能尝试做一个新的)
  2. 我的 32 位 sass.bat 的路径(不是 100% 确定,但我认为即使是 scss.bat 也有效)
  3. 输出,您可以在下面的屏幕截图中看到它应该如何工作/外观。

【讨论】:

  • 成功了!谢谢。虽然我在输出 css 中并没有真正看到任何缩小。我怎样才能得到它?
  • 只需将 '--stylecompressed' 添加到 'Arguments'
  • 有一段视频解释了process。感谢费多尔·科罗特科夫
猜你喜欢
  • 1970-01-01
  • 2013-04-03
  • 1970-01-01
  • 2015-01-17
  • 2019-08-07
  • 2016-10-24
  • 1970-01-01
  • 2023-03-14
  • 1970-01-01
相关资源
最近更新 更多