css - 将 scss 转换为 css

Question

有谁知道如何将此代码转换为标准 css？它在他们的编辑器中不起作用。

score 92 · Accepted Answer

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

Codepen 编译预览截图

score 87 · Accepted Answer

在终端中，在系统表所在的文件夹中运行此命令：

sass --watch style.scss:style.css

资源：

当它注意到.scss文件中的更改时，它会更新您的.css

这仅在您.scss在本地计算机上时有效。尝试将代码复制到文件并在本地运行。

score 9 · Accepted Answer

9

这是一个在线/离线解决方案，非常容易转换。 SCSS 到 CSS 转换器

于 2017-04-12T01:31:21.550 回答

score 7 · Accepted Answer

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

1.打开一个终端窗口。2.运行命令 which ruby.

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

如果您的机器上没有安装 ruby，那么

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

然后通过运行此命令安装 Sass gem

sudo gem install sass --no-user-install

然后复制或添加任何 .sass 文件并转到该文件路径，然后

sass --watch style.scss:style.css

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

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

score 5 · Accepted Answer

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

注意：在使用sass命令之前，必须先安装 ruby，然后再安装 sass。

为了安装 sass，在终端中安装 rubygem install sass 类型之后

提示：sass 编译SCSS文件

score 1 · Accepted Answer

使用以下命令安装 Ruby-sass
sudo apt-get -y update
sudo apt-get -y install ruby
-full sudo apt install ruby-sass
gem install bundler

示例
sass SCSS_FILE_PATH:CSS_FILE_PATH;

例如 sass mda/at-md-black.scss:css/at-md-black.css；

6 回答 6