SASS 使用(安装)

Posted dgqboke

tags:

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

一、安装SASS

1、sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)

2、安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。技术分享图片

3、安装完成后需测试安装有没有成功,运行CMD输入以下命令:

ruby -v
//如安装成功会打印
ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

4、如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem

//1.删除原gem源
gem sources --remove https://rubygems.org/
//2.添加国内gem源
gem sources --add https://gems.ruby-china.com/
//3.打印是否替换成功
gem sources -l

//4.更换成功后打印如下
*** CURRENT SOURCES ***
https://gems.ruby-china.com/

5、要安装最新版本的SassCompass,你需要输入下面的命令:

//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)
gem install sass
gem install compass

6、安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:

sass -v
Sass 3.x.x (Selective Steve)

compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

7、如下sass常用更新、查看版本、sass命令帮助等命令:

//更新sass
gem update sass

//查看sass版本
sass -v

//查看sass帮助
sass -h

 

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

关于SASS的一些碎碎念

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

SASS笔记

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

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

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