Q

SCSS转换为CSS

css
sass

2012-11-30 50 views 37 likes

37

有谁知道我可以把这段代码转换到标准的CSS？这不是在他们的编辑工作。SCSS转换为CSS

http://codepen.io/andymcfee/pen/eyahr

2012-11-30 Barbara

+1

只需使用https://sass2css.herokuapp.com/ – DININDU

A

回答

69

如果您点击CodePen中的标题CSS (SCSS)（不要更换具有齿轮的预处理器），它将切换到已编译的CSS视图。

Codepen Screenshot of Compiled Preview

2012-11-30 16:52:12 y8r

+0

大提示！我不知道这是可能的！ – L84

+2

这是否仍然有效？今天试了一下，什么也没有发生...... – andrewcockerham

+8

现在有一个右侧的眼睛图标来完成这项工作。 – antitoxic

63

在终端运行此命令的文件夹中，其中systlesheets是：

sass --watch style.scss:style.css

来源：

http://sass-lang.com/

当以往任何时候都注意到在.scss文件中的变化它会更新你的.css

只有当您的本地计算机上有.scss时，此功能才有效。尝试将代码复制到文件并在本地运行。

2012-11-30 16:50:47 joshuahornby10

+1

我在Windows7上。我在哪里可以找到终端？这不是Linux的事吗？正如你所看到的，我对Sass和终端一无所知。 – Barbara

+1

使用cmd，点击run然后cmd。按照网站上有关设置scss的说明。然后，您可以将您想要的文件保存到您的机器上，并将其变为.css – joshuahornby10

+0

哦，我明白了，谢谢。我希望像在线转换器一样。这可能是我唯一使用sass的唯一时间，所以我没有真正想要安装的东西。不过，感谢您的帮助。 – Barbara

4

您可以使用sass /sassFile.scss /cssFile.css

Attention: Before using sass command you must install ruby and then install sass.

For installing sass, after ruby installation type gem install sass in your Terminal

Hint: sass compile SCSS files

2016-09-25 14:09:40 AmerllicA

2

这是一个在线/离线解决方案，很容易将它们转换。 Scss to css converter

2017-04-12 01:31:21 DININDU

3

首先，你必须安装Ruby，如果它不是你的机器上。

1.Open一个终端窗口。 2.Run命令哪个红宝石。

如果看到诸如/usr/bin/ruby的路径，则安装Ruby。如果您没有看到任何响应或收到错误消息，则说明Ruby未安装。要验证是否有红宝石的当前版本，运行命令ruby -v。

红宝石如果没有安装在计算机上，然后

sudo apt-get install ruby2.0 
sudo apt-get install ruby2.0-dev 
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1

后然后通过运行该命令

sudo gem install sass --no-user-install

然后复制安装萨斯宝石或添加任何.sass文件，然后进入该文件路径然后

sass --watch style.scss:style.css

当它发现.scss文件发生变化时，它会更新您的.css

这只适用于当您的.scss位于本地计算机上时。尝试将代码复制到文件并在本地运行。

2017-08-01 10:39:50

相关问题