保存SCSS文件中的更改后更新CSS文件(像ScoutApp一样工作)

时间:2015-12-12 00:42:44

标签: ubuntu sass

我有两个文件夹:(SCSS输入,CSS输出文件夹)

CSS

  • 的main.css

SCSS

  • _base(file.scss,file.scss,file.scss ...)
  • _pages(就像_base)
  • _elements(就像其他人一样)
  • _parts(就像其他人一样)

在SCSS文件夹中,我有很多文件夹和扩展名为.scss的文件。我刚刚第一次安装Linux Ubuntu,这对我来说都是新手。当我在Windows上时,我使用了ScoutApp(https://mhs.github.io/scout-app/),当我对任何SCSS文件进行更改并保存时,它会更新CSS文件。

我应该使用哪个命令来产生相同或类似的效果?

我还想将此命令放在热键(快捷方式)上。

1 个答案:

答案 0 :(得分:1)

开发人员可以使用编辑器和IDE来提供这样的功能,例如我使用Jetbrains中的工具,如OS X上的RubyMine,它提供了文件查看器功能。如果保存scss文件,则将其编译为css文件。

还有GUI工具也提供此功能。但他们都在后台使用工具,你可以自己通过终端使用:sass。如果您安装(或已经在您的ubuntu上安装了sass),您可以执行以下操作:

sass --watch style.scss:style.css

这会在您保存文件的那一刻观看style.scss文件并将其编译为style.css

您可以通过在终端中输入sass -v来检查是否安装了sass。如果您收到错误,可能是未安装。

正如我所提到的,还有GUI工具。考拉(http://koala-app.com/)可用于Linux和开源,还有其他工具,但您可能需要为它们付费。有关这方面的更多信息,请访问:http://sass-lang.com/install