将scss转换为css

CSS

猿Pro

2020-03-18

有谁知道如何将这段代码转换为标准CSS?在他们的编辑器中不起作用。

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

第2152篇《将scss转换为css》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

6个回答
猿西门Tom 2020.03.18

使用以下命令安装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;

小小猪猪卡卡西 2020.03.18

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

Codepen编译预览的屏幕截图

A小哥 2020.03.18

首先,如果您的机器上没有Ruby,则必须安装。

1.打开一个终端窗口。2.运行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位于本地计算机上时,此方法才有效。尝试将代码复制到文件中并在本地运行。

JinJin小胖 2020.03.18

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

在此处输入图片说明

路易Sam 2020.03.18

在终端中,在系统表所在的文件夹中运行以下命令:

sass --watch style.scss:style.css 

资源:

http://sass-lang.com/

每当发现.scss文件更改时,它将更新您的.css

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

阿良 2020.03.18

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

注意:使用sass命令之前,必须先安装ruby,然后再安装sass。

要安装sass,在安装ruby之后gem install sass,在终端中输入

提示:sass编译SCSS文件

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android