windows安装sass

Ruby环境下Sass和Compass安装及scss编译
最新推荐文章于 2022-03-08 22:09:20 发布
原创 最新推荐文章于 2022-03-08 22:09:20 发布 · 377 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#sass #scss #ruby #gem

博客介绍了在Ruby环境下安装Sass和Compass并编译scss文件的步骤。首先需从官网下载安装Ruby，接着将gem源切换为淘宝源，然后安装Sass和Compass，最后给出了scss文件的编译格式。
1. 安装Ruby

下载地址：https://rubyinstaller.org/downloads/

2. 切换为淘宝的gem源

  • 删除原gem源
    gem sources –remove https://rubygems.org/

  • 添加国内淘宝源
    这里写图片描述
    (淘宝源更新为https://gems.ruby-china.com/了)
    gem sources –add https://gems.ruby-china.com/

  • 打印是否替换成功
    gem sources -l

  • 更换成功后打印如下

  *** CURRENT SOURCES ***
  https://gems.ruby-china.com/
3. 安装Sass和Compass
gem install sass
gem install compass
4. 编译scss文件

编译格式：

sass *.scss *.css

编译前后：
这里写图片描述
这里写图片描述
参考：Sass中文网

sass 使用指南
kang_k的博客
03-17 1091
Sass是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。sass有2种语法：1.一种是以sass后缀，对代码的排版有着非常严格的要求，而且没有大括号，没有分号2.一种是以scss后缀，更接近我们程序写法，比如大括号，分号SASS允许用户编写自己的函数。
前端必知必会-Sass简介与安装
最新发布
qq_24018193的博客
09-18 933
Sass 代表 Syntactically Awesome StylesheetSass 是 CSS 的扩展Sass 是 CSS 预处理器Sass 与所有版本的 CSS 完全兼容Sass 减少了 CSS 的重复，因此节省了时间Sass 由 Hampton Catlin 设计，由 Natalie Weizenbaum 于 2006 年开发Sass 可以免费下载和使用本文介绍了Sass简介与安装的使用，如有问题欢迎私信和评论。
手动安装:node-sass
04-26
set SASS_BINARY_PATH=文件路经 例如： set SASS_BINARY_PATH=F:\WorksCode\lib\win32-x64-48_binding.node 查看环境是否合适：echo %SASS_BINARY_PATH% 如果打印出来您配置好的文件地址那就ok了， 最后再来试试安装：npm i -g node-sass
windows下SASS的安装
weixin_33725515的博客
07-28 188
Sass 在Windows10的安装 1、第一步，下载ruby【选择对应系统的ruby，32位或64位】，此处我下载的是win64位，2.2.6版本，安装ruby。 ①：下载地址：https://rubyinstaller.org/downloads/ ②：安装ruby，双击下载的ruby安装文件，一直点击【next】，完成ruby安装,注意点：必须勾选Add Ruby executa...
windows下面安装sass
weixin_43980524的博客
01-30 347
1.sass用ruby开发的 访问官网安装ruby https://rubyinstaller.org/downloads/ 2.把ruby下面的bin文件夹加到环境变量path钟 3.cmd输入ruby -v 测试会输入ruby的版本 4.安装sass 在cmd输入 gem install sass安装sass 5.在phpstrom的工具下面的file watchers添加 sass或者scs...
windows系统下安装sass
orangecc1711的博客
09-04 347
Sass基于Ruby语言开发，首先安装Ruby， Ruby安装完成后，在其文件夹下打开 1）由于国内网络原gem源连接不稳定，移除原gem源： gem sources --remove https://rubygems.org/ 2）添加国内源： gem sources -a https://gems.ruby-china.com 3）安装sass： gem install sass ...
Sass学习之路(2)——Sass环境安装（windows版）
YuuyaRin的博客
12-09 763
因为本喵目前用的是window10的本子，所以这里就发windows版本的安装流程啦。（希望有朋友可以赞助我一个mac(┳＿┳)）； 第一步：安装ruby 因为Sass是基于ruby编写的，所以先去官网下载ruby(百度一下，你就知道)。 当然了，国外的网站，动不动上不去，或者下载不了都有可能，所以百度软件中心这个也是可以的，亲测可用 点开以后选择普通下载，
在Windows上安装Sass的完整教程
资源摘要信息:"在Windows系统上安装SASS的源代码" 1. 安装SASS的重要性 SASS是CSS预处理器的一种，它为CSS添加了变量、嵌套规则、混合、选择器继承等功能，使CSS的编写更加高效和可维护。对于前端开发人员来说，...
node.js 安装解决办法：sass-loader node-sass WIN10 WIN7安装与常见问题解决办法.zip
01-22
首先，我们从【标题】和【描述】中了解到，这是一个关于在Win7 64位系统上安装最新版Node.js (v13.14.0) 的指南，同时也涵盖了在Windows环境下安装和使用npm（Node.js包管理器）、sass-loader和node-sass的教程，...
安装sass报错
sx_lz_1119的博客
01-13 631
在安装远程项目下来后，yanr时发生报错 error D:\workLims\lims_web\node_modules\node-sass: Command failed. Exit code: 1 Command: node scripts/build.js Arguments: Directory: D:\workLims\lims_web\node_modules\node-sass Output: Building: C:\Program Files\nodejs\node.exe D
windows下安装sass/scss
bingkxin的专栏
02-05 4735
windows下安装sass/scss，ERROR: Could not find a valid gem 'sass' (>= 0) in any repository Errno::ETIMEDOUT: A connection attempt failed because the connected party did not properly respond after a period of time, or established connection failed because connec
windows下安装sass编译环境
冷月心的博客
09-29 593
windows下安装sass编译环境
SASS的安装与使用（windows系统）
一缕阳光@的博客
03-07 1424
Sass官方文档 一、安装Ruby Sass是用Ruby语言写的，但是两者的语法没有关系，所以学 Sass 不用学 Ruby，只是必须先安装Ruby，然后再安装Sass。 Linux和Mac已自带Ruby，不用再安装。Windows用户可以从这里下载Ruby的安装程序。 我下载的是第一个，Ruby+Devkit 3.1.X (x64) 安装过程没什么麻烦的地方，按提示来就可以。 　　 安装过程中跳出的黑窗口回车后（ruby安装完成）： 二、安装SASS 运行cmd命令，输入ruby -v 查看版本号，人如
windows离线环境安装node-sass
weixin_45031850的博客
03-08 2353
查看本机支持版本，下载安装包并进行配置
sass安装
aefefafaf的专栏
10-19 766
因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby 在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境 sass安装 安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with
sass 安装 window下sass的安装方法
uu_justdoit的博客
04-21 1716
sass 在window 下的安装教程
windows下安装sass环境
Ibex-Relieved的专栏
05-16 584
安装环境 操作系统： win10 64bit 具体步骤 下载ruby地址如下 http://rubyinstaller.org/downloads/ 本文章以2.2.6版本为例 ruby安装步骤参考下面文章 http://jingyan.baidu.com/article/86f4a73e83654a37d752696c.html 安装完Ruby实际上已经安装好了gem 通过Gem安装Com
windows环境下安装 sass 和在 webstorm 中配置及测试使用
Irene1991的博客
02-27 550
windows环境下安装 sass 和在 webstorm 中配置及测试使用，更新了六年前的文章。
windows下安装sass和compass
Della的前端学习笔记
02-09 3659
1）先安装ruby 打开命令行，输入ruby -v，如果没有安装ruby，则会显示   ’ruby’ is not recognized as an internal or external command, operable program or batch file 若没有安装， 在windows环境下，可以使用rubyinstaller一键安装ruby，下载R
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值