安装sass

Posted lixingwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装sass相关的知识,希望对你有一定的参考价值。

一、安装Ruby

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

在安装的时候,请勾选 Add Ruby executables to your PATH 这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境 。

二、启动 Command Prompt with Ruby

输入 ruby -v ,出现如下提示,安装成功。

$ ruby -v
ruby 2.5.3p105 (2018-10-18 revision 65156) [x64-mingw32]

三、替换 RubyGems

# 把https://rubygems.org/ 替换为 https://gems.ruby-china.com/
# 因为 .org 被qiang了,.com是大佬用cdn搞的

$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

$ gem sources -l
https://gems.ruby-china.com
# 确保只有 gems.ruby-china.com

四、RubyGems国内站点

网址:https://gems.ruby-china.com/

RubyGems 一直以来在国内都非常难访问到,在本地你或许可以FQ,当你要发布上线的时候,你就很难搞了!

这是一个完整 RubyGems 镜像,你可以用此代替官方版本,我们是完全基于 CDN 技术来实现,能确保几乎无延迟的同步。

五、安装sass

$ gem install sass

# 提示如下,安装成功。安装目录在Ruby的安装目录下。
Successfully installed sass-3.6.0

六、查看sass版本

$ sass -v
Ruby Sass 3.6.0

七、安装完成

恭喜你成功入坑,快去学习怎么使用 sass 来压压惊吧!

附上Sass 中文网地址:https://www.sass.hk/

以上是关于安装sass的主要内容,如果未能解决你的问题,请参考以下文章

如何在Visual Studio代码上安装SASS?

Sublime Text 3编译Sass - Sublime Text安装Sass插件

关于SASS的一些碎碎念

HBuilderX预编译器错误:代码使用了scss/sass语言,但未安装相应的编译器插件,请前往插件市场安装该插件:

SASS笔记

为啥以下 sass 代码给我一个错误?