将scss转换为css

Question

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

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

Answer 1

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

Answer 2

在终端中运行此命令在systlesheets所在的文件夹中：

sass --watch style.scss:style.css 

来源：

http://sass-lang.com/

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

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

Answer 3

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

Answer 4

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

1.打开终端窗口。 2.运行红宝石的命令。

如果您看到/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位于本地计算机上时才有效。尝试将代码复制到文件并在本地运行。

Answer 5

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

  

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

     

要安装sass，请在终端

中的ruby安装后输入gem install sass      

提示：sass编译SCSS个文件

Answer 6

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

示例
sass SCSS_FILE_PATH：CSS_FILE_PATH;

例如sass mda / at-md-black.scss：css / at-md-black.css;