windows下搭建Ruby+Sass环境

最新推荐文章于 2021-12-04 19:41:53 发布
最新推荐文章于 2021-12-04 19:41:53 发布
阅读量7.9k 收藏 7
点赞数 4
分类专栏： 工具安装 文章标签： ruby 安装 sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shuyingbanboC/article/details/48155019
版权
本文详细介绍了在Windows 8 64位系统下如何安装Ruby和Sass。首先从rubyinstaller.org下载Ruby Installer，安装时需注意勾选特定选项。接着配置环境变量，确保Ruby命令行可用。然后通过gem命令安装Sass，解决可能出现的安装错误。最后，了解编写和编译Sass文件的基本步骤，包括单文件转换和监听模式。
摘要由CSDN通过智能技术生成

我的操作系统是windows8、64位操作系统。

下载Ruby

从ruby官网下载RubyInstallers地址是：http://rubyinstaller.org/downloads/
根据操作系统，选择相应的安装包，在此选择Ruby 2.2.2 (x64)

安装Ruby

1.一路点击next,完成安装，其中在这一步，要对第二项打勾。否则就算再之后配置了环境变量，有可能会发现，再重新开机，当你在命令行输入ruby -v,命令行会提示你这不是一个命令，解决办法就是再到环境变量处，对当时设置的环境变量再点击确定，再打开命令行，就可以成功运行ruby -v了。但是当每次开机后，都需要这样重复做才可以。
这里写图片描述
2.配置环境变量：
一个RUBY_HOME
RUBY_HOME:D:\ruby\Ruby22-x64
以当前安装的ruby目录为主
这里写图片描述
在path里面后面添加 %RUBY_HOME%\bin;
3.查看是否安装成

最低0.47元/天 解锁文章
暮一白
关注
专栏目录
Ruby 环境变量
lly202406的博客
07-01 606
环境变量在编程中扮演着重要的角色，尤其是在Ruby这样的动态编程语言中。它们是操作系统用来存储有关其操作环境的信息的变量，可以在程序运行时影响其行为。Ruby程序可以通过环境变量来获取配置信息、系统细节或用户特定的设置。本文将深入探讨Ruby中环境变量的使用，包括如何设置、访问和利用它们来优化Ruby程序的性能和功能。
Ruby安装Sass
Web_Student的博客
06-17 401
下载Ruby Ruby官网：https://www.ruby-lang.org/en/ 安装完成后 查询Ruby版本号 查询gem版本号 gem安装Sass 查询Sass版本号 安装完成
安装sass环境-ruby安装指南
开心大表哥
04-20 8671
sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!） window下安装SASS首先需要安装Ruby，官网下载。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图： 安装的过程就是点点点，Windows的基本操作，所以详细的图就不截了。 安装结束之后测试ru...
SASS学习系列之(一)--------- SASS，SCSS环境搭建(Ruby)
WiFi_Uncle的专栏
09-18 3111
1. 下载RubyInstallerwindow下载RubyInstaller: http://rubyinstaller.org/downloads/ 根据自己机型，下载对应的安装包。2. 安装RubyInstaller选择你的安装路径(等哈要用), 记得勾选把Ruby加到你的PATH。 其他没什么注意的····3. 安装 1.) 找到之前安装路径，点击ruby.exe (
windows下安装sass编译环境
冷月心的博客
09-29 464
windows下安装sass编译环境
ubuntu安装ruby、安装sass
红目香薰
12-04 733
目录 1、安装【ruby】 2、安装sass 3、Scss编译测试 1、安装【ruby】 sudo apt-get install ruby sudo apt-get install ruby-dev 需要【确认】下载 可以通过【ruby -v 】查看版本 ruby -v 2、安装sass sudo gem install sass 包有点大，下载的慢一些。 如下下载完成： 查看sass版本 sass -v 3、Scss编译测试 vi...
Web-前端html+css从入门到精通 220. Sass与Less介绍和环境搭建.zip
05-23
本教程将带你了解Sass和Less的基本概念，以及如何进行环境搭建，从而提升你的前端开发效率。 Sass和Less是CSS的预处理器，它们允许开发者使用变量、嵌套规则、混合（mixins）、函数等编程特性来编写更易于管理和...
在 Windows 上搭建本地 Jekyll 编译环境时问题汇总
wblearn的博客
07-06 5290
按照 在 Windows 上安装 Jekyll 操作。参考链接 在 Windows 上安装 Jekyll Setting up your GitHub Pages site locally with Jekyll - github Run Jekyll on Windows 故障诊断问题一 C:\WINDOWS\system32>gem install jekyll ERR
记Ubuntu20.04搭建jekyll博客+github环境踩坑-终结版
yn
01-17 479
文章目录一、思路二、安装1. 安装 git2. 安装 ruby3. 终于成功安装 jekyll 一、思路 谨以此记录个人方法，如您不适用，请另寻高明，可在评论区一起讨论。 首先我在 Windows 上试图搭建环境，大概流程是需要通过 git 安装 rvm，这里一直是443，或者timeout，始终无法正常下载，git 将代理端口号设置进去也是不行，继续报错 443，其间也试图去将curl 的报错信息网站IP加到 hosts文件内，不过报错依旧。Google许久，最终找到问题所在：代理没有开启全局，于是开
一文包你明白！Vue CLI 3搭建vue+vuex 最全分析
weixin_41663412的博客
03-16 409
个人博客导航页（点击右侧链接即可打开个人博客）：大牛带你入门技术栈 一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境依赖。构建于we...
SASS - 环境搭建
吴吃辣
06-07 222
SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS – @extend（继承）指令 SASS – 操作符 SASS – 函数 SASS – 输出格式 Sass的环境搭建分为2步： 安装Ruby，sass程序基于Ruby所以需要先安装Ruby 安...
Sass环境配置
junzaivip
06-01 273
Mac版本安装：1. 安装相关的环境//安装如下(如mac安装遇到权限问题需加 sudo gem install sass) gem install sass gem install compass2. 做监听sass --watch Css/Sass:Css/Sass目录结构：监听效果：好处是：样式的变化可以实时的编译。Windows安装：安装地址:https://rubyinstaller.o...
配置SASS环境
caoPengFlying的博客
09-08 5497
安装ruby 搭建sass环境，由于sass环境是依赖于ruby的所以要安装ruby ruby下载地址 下载的版本最好不要是最新的，并且下载时要按照电脑的系统来下载，操作系统为64位那就下载64的 如果是32位操作系统就下载（86）或者没有写的。 在安装时会提示更改安装路径的页面下面有三个选项 将第二个选项选中 如图 安装sass 安装好ruby之后，在开始界面会有一个 Start C
sass-安装ruby
donghua-li的博客
09-19 2539
sass是个很方便的工具。个人建议下载他的2.35版本好点。 他的官方地址：                      http://www.ruby-lang.org/en/downloads/ 安装ruby  搭建sass环境，由于sass环境是依赖于ruby的所以要安装ruby  ruby下载地址  下载的版本最好不要是最新的，并且下载时要按照电脑的系统来下载
sass编译环境配置
qq_31055177的博客
09-05 394
sass作为css预编译语言，基于Ruby语言开发而成，因此安装sass前需要安装Ruby。 （注:mac下自带Ruby无需在安装Ruby!） sass官网，提供了sass安装的详细步骤！ 优点： Sass可以帮助你在编程结构中编写简洁, 简洁且更少的CSS。 它包含的代码更少, 因此你可以更快地编写CSS。 它是CSS的扩展, 因此更加稳定, 强大和美观。因此, 设计人员和开发人员可以更轻松, 更高效地进行工作。 它与所有版本的CSS兼容。因此, 你可以使用任何可用的CSS库。 它提供了嵌
ruby环境变量设置
brittany2009的博客
03-18 1503
http://wenku.baidu.com/link?url=pKW1wzpu9vd-wmeSzJbf0g-rkvQm7jmyzIEWYquVpKKAfKT4-VMBK6xcSztkBDYIidyF9me_Mtl6hj4L1xyitPQFK6VkBZHk3DfRwUWLdvm
ruby中输入命令行编译sass（ruby小白）
weixin_30867015的博客
04-20 90
Ruby（或cmd中）输入命令行编译sass步骤如下： （1）举例而言：首先在F盘下建立一个总文件夹，比如test文件夹；其次在该文件夹下建立html，images，js，sass等文件夹。 （2）在sass文件夹中创建要使用到的sass文件。例如common.scss,reset.scss,config.scss等公共文件以及项目中需要使用到的各个文件，当然这里的文件也可以分别放在...
sass详细知识点介绍（环境配置）
weixin_45168167的博客
11-05 1051
相关介绍 一、CSS预处理器出现的原因 无法嵌套书写导致代码繁重、冗杂、逻辑混乱。 没有变量和样式复用机制，属性值只能以字面量的形式重复输出。 # 总结：代码复用性低；不易于维护 # 注：现在，现在的CSS是可以定义变量的！！！ :root{ --red: #f3e1e1; } 二、出名的CSS预处理器介绍 1. SCSS/SASS SASS (.scss)。于2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，
webpack+ES6+Sass构建多页面应用实践解析
"本文将详细解析如何利用webpack、ES6和Sass来构建一个多页面应用程序。主要内容包括webpack作为模块化打包工具的优势，以及在项目中整合这些技术所涉及的插件、loader、解决的问题和最终代码结构。文章还特别提到了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值