在ruby cmd中将scss转换为css，以便编写sass代码。
在Ruby CMD中将SCSS转换为CSS，以便编写Sass代码，可以使用Sass编译器来完成这个任务。Sass是一种CSS预处理器，它允许开发者使用类似于编程语言的方式编写CSS，并且可以将SCSS文件转换为标准的CSS文件。
以下是完成这个任务的步骤：
- 首先，确保你已经安装了Ruby和Sass。你可以在Ruby官方网站（https://www.ruby-lang.org/）下载并安装Ruby，然后使用Ruby的包管理器gem来安装Sass。在命令行中运行以下命令来安装Sass：
- 首先，确保你已经安装了Ruby和Sass。你可以在Ruby官方网站（https://www.ruby-lang.org/）下载并安装Ruby，然后使用Ruby的包管理器gem来安装Sass。在命令行中运行以下命令来安装Sass：
- 确保你的SCSS文件和CMD中的当前工作目录相同。你可以使用
cd命令在CMD中切换到相应的目录。 - 在CMD中运行以下命令来将SCSS文件转换为CSS文件：
- 在CMD中运行以下命令来将SCSS文件转换为CSS文件：
- 其中，
input.scss是你的SCSS文件的文件名，output.css是你想要生成的CSS文件的文件名。你可以根据实际情况进行修改。 - 运行上述命令后，Sass编译器将会读取
input.scss文件，并将其转换为output.css文件。
现在，你可以在CMD中查看当前目录，你将会看到生成的CSS文件。你可以在你的项目中使用这个CSS文件来应用你的样式。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的品牌商，所以无法给出相关链接。但是腾讯云提供了云计算相关的产品和服务，你可以在腾讯云官方网站（https://cloud.tencent.com/）上查找相关信息。
相关·内容
1回答
将单个Sass或Stylus组件转换为CSS文件
css、sass、stylus
我正在寻找一种方法来创建单独的组件CSS文件从库，如物化CSS或Vuetify。
Materialize是用Sass写的，Vuetify是用Stylus写的。我想转换各种sass和手写笔文件为单独的css文件。
因此，例如，我想创建一个button.css文件，而不是Materialize css，它只包含与按钮相关的_button.scss。同样的事情也适用于_cards.scss、_navbar.scss等。
我想对vuetify中的手写笔组件做同样的事情。
有没有人知道怎么做(用Sass或Stylus)？
值得一提的是，我使用VS Code。
浏览 7提问于2019-05-22得票数 1
2回答
如何将sass文件保存在不同的位置？
css、ruby、sass
我的gem文件保存在c:\users\myname中，所以我可以在输入命令行时将scss文件保存到css文件中：
c:\users\myname> sass --watch input.scss:output.css
但我想将scss文件保存到桌面或其他文件上的css文件中。我需要使用什么样的命令行？我查过了，但没有结果！
我发现了类似的东西，但当我进入它时，我得到了“系统找不到路”。
c:\users\myname>/Desktop/myfile/css/style.scss:style.css
浏览 1提问于2013-11-24得票数 0
回答已采纳
2回答
npm表上Sass误差的解决方法
html、css、npm、sass
我已经在全球范围内安装了我的sass
npm install -g sass
但是当我运行命令行sass --watch scss:styles/css时
我有个错误：
zsh:命令未找到: sass
浏览 2提问于2021-03-08得票数 0
1回答
在package.json中包括波旁路径？
json、node.js、sass、npm、bourbon
如何在节点项目的package.json中包含到波本(通过npm安装)的路径？
我看到的所有例子都是通过咕哝等等：
var bourbon = require('node-bourbon');
bourbon.includePaths // Array of Bourbon paths
有人知道如何这样做，以便下面的工作将在SASS文件？
@import 'bourbon';
当前的SASS编译是构建过程中的一个步骤，如下所示：
"scripts": {
// Need to import bourbon npm package as s
浏览 3提问于2016-01-06得票数 2
回答已采纳
3回答
在我安装Sass ruby gem之后，系统中添加了三个新命令：sass、scss和sass-convert。所以，我的问题是，sass和scss命令有什么区别，它们是否共享相同的功能？因为它们都可以将.sass文件或.scss文件转换为.css文件：
$ sass style.sass style.css
$ sass style.scss style.css
$ scss style.sass style.css
$ scss style.scss style.css
这四种指令都能正确运行。
PS:我不是在问SCSS语法和Sass语法之间的区别。
浏览 3提问于2014-02-27得票数 1
回答已采纳
6回答
查看Gem的源代码
ruby、rubygems
这里不熟悉生态系统的Ruby达布勒/新手，所以如果这是其中一个非常糟糕的问题，我很抱歉。
有办法查看所有的文件和/或由gem安装的源代码吗？也就是说，我刚跑了
$ gem install sass
而sass宝石现在是我本地系统的一部分
$ gem list --local
...
sass (3.1.16, 3.1.2)
...
我想知道gem install命令在我的系统上放了什么。我是否可以运行命令来查看所有的--由gem安装的文件？
在googling、man gem和gem help commands之后，我发现了contents命令。
$宝石内容物
但是，当我使用前面提到的sass
浏览 9提问于2012-05-04得票数 53
4回答
如何在windows上安装sass
ruby、windows、cmd、sass
我无法在我的机器上安装Sass，尽管我已经下载了ruby并在cmd上打印：
cd C:/ruby22
然后：
gem install sass
但我的结果是：
'gem' is not recognized as an internal command, operable program or batch file
请告诉我怎么安装？
浏览 0提问于2015-05-23得票数 4
1回答
命令行中的Sass输出
php、css、sass
我目前正在开发一个Less工具，它为网页设计师提供了一堆实用程序，我的角色是读取上传的Sass和更少的文件，并返回普通的CSS。对于Sass，我的解决方案是在PHP exec('sass input.scss output.css')中运行。
但这迫使我将sass输入保存在文件中，并将输出保存在文件中，将文件内容提取为字符串，并在完成时将文件解压缩.这是很多不必要的资源。我想要的是有可能给sass命令行一个字符串作为输入，并得到一个字符串作为输出。医生对此只字未提。非常感谢。
浏览 2提问于2014-06-16得票数 1
回答已采纳
2回答
通过windows命令行将SCSS文件批量编译成CSS
css、sass、compilation
我想知道，如何通过windows命令批量编译SCSS文件line...in旧版本的命令'sass --watch scssFolder:SCSS‘可以做这项工作，但它似乎在最新版本的SASS过时。
浏览 2提问于2018-05-01得票数 2
3回答
自动编译Sass文件的Eclipse插件
css、eclipse、aptana、sass
我目前使用的是Aptana plugin for Eclipse，它为我提供了很好的语法突出显示，并允许我手动单击将*.scss文件编译成*.css文件。我真正想要做的是让它在每次保存时自动编译，但我不知道如何做到这一点。
我知道您可以在命令行上使用sass --watch，但我不想每次打开eclipse或创建新项目时都手动设置它。
有没有人找到了实现这一目标的好方法？是否必须有一种方法可以挂接到Aptana的Sass包中，并在每次保存时运行它的编译命令？对的公认答案是建议使用“程序生成器”--但这真的是最好的解决方案吗？如果是这样的话，有没有人有任何教程的提示/链接？
更新:我写了关于如何使
浏览 1提问于2012-02-24得票数 18
1回答
SASS不会在崇高的文本2 [Errno 2]中构建没有这样的文件或目录
ruby-on-rails、ruby、sass、sublimetext2、compass-sass
我翻遍了所有关于这个问题的其他帖子，但都没有用。
我已经创建了一个.scss文件，安装了sass，指南针，我在OSX上，所以我安装了ruby，但是我在大约一年前安装了最新版本。
当I+b构建我的.scss时，我得到以下错误：
Errno 2] No such file or directory
[cmd: [u'sass', u'--update', u'/Users/administrator/Desktop/style.scss:/Users/administrator/Desktop/style.css', u'--stop-on
浏览 0提问于2013-10-26得票数 4
1回答
Visual Studio 2015中的Web编译器和指南针
visual-studio-2015、compass-sass、visual-studio-extensions、web-essentials、web-compiler
我已经安装了的WebCompiler1.11.315，现在我尝试将它配置为识别我的Compass导入。
修改了SASS，因此，我一直无法找到正确安装它的方法。我所能做的最好的就是将这些文件复制到一个包含的文件夹中，并指示我的文件指向它，从而包括compilerconfig.json。
这是可行的--直到您引用使用了一些SASS扩展的Compass安装的混合器:例如，在CSS3混合器中使用供应商前缀的遗留浏览器支持。
所以，我想做的是用正确地安装Compass。
有人能做到吗？如果是的话，请解释。我在谷歌上找不到任何东西。
罗盘的Ruby模块需要由sass加载，但是似乎不能这样做，因为它使用基
浏览 4提问于2016-05-25得票数 1
3回答
SASS - windows 8.1上的监视问题
windows、sass
我对SASS有些意见。更新.scss文件后，.css文件将不会更新。
让我们说这是我的文件夹结构：
-scss
-style.scss
-css
-style.css
index.html
我在cmd中使用这个来自项目根的命令：
sass --watch scss/style.scss:css/style.css --style compressed
它第一次编译它，但是当我在.scss文件中做一些更改时，它不会更新。
我在用：
win 8.1 64bit
ruby 2.0.0p481 64bit
Sass 3.4.2
如何让它监视更新？还是我做错什么了？
谢谢
Update
浏览 5提问于2014-08-30得票数 3
回答已采纳
2回答
大口大口的红宝石不起作用
ruby-on-rails、ruby、sass、gulp
我刚开始用红宝石，大口酒和节点...
我安装了ruby for windows，然后安装了sass，然后安装了node、gulp和插件gulp ruby-sass。
我的gulpfile.js里有这个
var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
gulp.task('styles', function() {
return sass('sass/**/*.scss', { style: 'compressed' })
浏览 0提问于2015-07-30得票数 1
1回答
用于基金会6的单个SCSS文件
zurb-foundation-6
站点的基础框架很好，但是有很多步骤要开始，特别是对于编写服务器端代码的人。
我们需要以下几点：
一个SCSS文件，文件中的所有代码都是按照定义的顺序排列的，其中包含所有变量。我不想提包括在内的声明。这是必需的，这样我就可以运行简单的sass命令：
sass input.scss output.css
我知道这可以简单地通过组合任何文本编辑器中的文件来完成，但是如何解决下面提到的问题：
我在文档中看到，auto-prefixers不在SCSS文件中，所以在上述情况下将如何处理这些文件。
我有一个解决方案是使用已编译的CSS，但我仍然希望有灵活性来更改变量并使用简单的sass命令进
浏览 0提问于2016-05-01得票数 0
5回答
如何在角投影中找到scss文件的css文件
css、angular、sass
我使用以下命令在VS代码中创建了角项目。
ng new my-app --style=scss
通过遵循这个
现在，使用角cli创建的每个样式表都带有.scss的扩展，而不是.css。
现在需要检查Sass是如何转换为css的，因为我是Sass的新手。我面临一些问题，在设计，因此，这将是我很高兴看到css文件。
我在那些存在scss文件的文件夹中搜索过，但是在那里找不到css文件。请帮帮忙
更新
看看这张图，当我使用cli创建组件时，它创建了.scss而不是css，所以我需要查找css文件。
浏览 0提问于2018-01-27得票数 5
1回答
适用于rails的SCSS中的引导和面板标题颜色教程
ruby-on-rails、twitter-bootstrap
新手程序员正在学习onemontrails教程。它为我提供了Ruby、Rails和一些CSS的速成课程。我正在使用Devise和Panel来让我的应用程序看起来更漂亮。在本教程之外，我尝试更改默认颜色以使我的网站看起来不同。我将更改存储在一个SCSS文件中。使用教程、google和bootstrap文档的组合，我已经能够更改大多数内容的颜色，除了面板页眉和页脚。
如果我遵循前面为jumbotron元素所做的一些示例，我成功地更改了面板的bg颜色，但没有更改标题颜色；
$panel-bg: #E87E04;
$panel-heading-bg: #E87E04;
其他CSS元素的引导文档有如何更
浏览 0提问于2014-06-30得票数 0
1回答
在macOS和Jenkins上集成sass
ruby、jenkins、gem、sass
我已经在我的mac构建代理上安装了sass。附加批准:这是我的机器的输出
ep@ep2:~$ sass -v
Sass 3.3.8 (Maptastic Maple)
ep@ep2:~$ sass --help
Usage: sass [options] [INPUT] [OUTPUT]
Description:
Converts SCSS or Sass files to CSS.
Options:
-s, --stdin Read input from standard input instead of an input file
--
浏览 2提问于2014-06-09得票数 0
1回答
如何从Bulma中的Sass生成CSS
css、sass、bulma
这是我第一次使用Scss，虽然我在终端中运行过命令，在其他库的情况下将简单的input.sass转换为output.css，但这似乎有点困难，因为它对我来说是新的。
我有一个带有index.html的配置文件，它应该需要一个style.css，但我需要从当前格式为以下格式的目录中生成此style.css：
index.html
vendors
bulma
css
bulma.css
bulma.css.map
sass
base
_all.sass
浏览 5提问于2017-02-23得票数 0
2回答
如何配置SCSS项目？
ruby、sass
我对SASS/SCSS非常陌生，并在主目录中获得了一个带有CSS文件的git项目，该项目将从子目录导入部分。我想知道是否有可能在服务器上安装sass，创建一个compass项目，以便在服务器上对scss文件进行实时编辑之后自动创建css文件？或者它必须是本地的一个文件收集器？我已经尝试在服务器上设置一个compass项目，但是没有自动创建css文件。是因为设置错误还是不可能这样？
如果可能的话，是否有一个好的一步一步的教程？我已经找到了
也许问题在于道路。在我的config.rb中，如果sass和css目录与项目路径相同，我就更改了路径，而不知道在字符串中写入什么。没有使用"/“或空字
浏览 4提问于2014-01-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
