将scss转换为css
有谁知道如何将此代码转换为标准CSS？它不适用于他们的编辑器.
小智 88
如果单击CSS (SCSS)CodePen中的标题(不要使用齿轮更改预处理器),它将切换到编译的CSS视图.
- 现在右侧有一个眼睛图标可以完成工作. (10认同)
- 在撰写本文时,css标签的右上角有一个"插入符号",用于完成工作.从那里选择"查看编译的CSS"将出现一个下拉列表. (4认同)
- 您知道必须单击CSS选项卡顶部附近的"查看编译"按钮. (2认同)
jos*_*y10 81
在终端中运行此命令在systlesheets所在的文件夹中:
sass --watch style.scss:style.css
资源:
当它注意到.scss文件中的更改时,它将更新您的.css
这仅适用.scss于本地计算机上的情况.尝试将代码复制到文件并在本地运行.
首先,如果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位于本地计算机上的情况.尝试将代码复制到文件并在本地运行.
您可以使用 sass /sassFile.scss /cssFile.css
注意：使用
sass命令前必须先安装ruby，然后再安装sass。对于安装SASS，红宝石安装类型后，
gem install sass在你的终端提示：sass编译
SCSS文件
| 归档时间： |
|
| 查看次数： |
180159 次 |
| 最近记录： |