安装Sass (一）

﹏ヽ暗。殇╰゛Y 2023-10-18 11:11 25阅读 0赞

官网： [https://www.sass.hk/install/][https_www.sass.hk_install]

`sass`基于`Ruby`语言开发而成，因此安装`sass`前需要[安装Ruby][Ruby]。（注:mac下自带Ruby无需在安装Ruby!）

window下安装SASS首先需要安装`Ruby`，先从官网[下载Ruby][Ruby]并安装。安装过程中请注意勾选`Add Ruby executables to your PATH`添加到系统环境变量。如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70][]

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

![20181113164507803.png][]

因为国内网络的问题导致`gem`源间歇性中断因此我们需要更换`gem`源。

//1.删除原gem源
    gem sources --remove https://rubygems.org/
    
    //2.添加国内淘宝源
    gem sources -a https://gems.ruby-china.com/
    
    //3.打印是否替换成功
    gem sources -l
    
    //4.更换成功后打印如下
    *** CURRENT SOURCES ***
    https://gems.ruby-china.com/

我们可以使用这个系统来 轻松地安装`Sass`和`Compass`。要安装最新版本的`Sass`和`Compass`，你需要输入下面的命令：

gem install sass

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70 1][]

查看显示版本

![2018111316482156.png][]

sass常用更新、查看版本、sass命令帮助等命令

//更新sass
    gem update sass
    
    //查看sass版本
    sass -v
    
    //查看sass帮助
    sass -h

[https_www.sass.hk_install]: https://www.sass.hk/install/
[Ruby]: http://rubyinstaller.org/downloads
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20181113164338238.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4,size_16,color_FFFFFF,t_70
[20181113164507803.png]: https://img-blog.csdnimg.cn/20181113164507803.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/2018111316475962.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4,size_16,color_FFFFFF,t_70
[2018111316482156.png]: https://img-blog.csdnimg.cn/2018111316482156.png