如何安装Sass

Posted 书和咖啡

tags:

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

由于 Sass 是基于 Ruby 语言开发而成,因此安装 Sass 前需要安装 Ruby,Mac 下自带 Ruby,所以不需要安装。

Ruby 是一种简单快捷的面向对象程序设计的脚本语言,它由日本的松本行弘创建于1993年。Ruby 的特性与 Smalltalk、Perl 和 Python 类似。

安装Ruby

首先我们需要在官网下载 Ruby ,官网地址:https://rubyinstaller.org/downloads/。然后根据下载建议,我们可以选择 Ruby + Devkit 2.6.6-1(x64) 版本下载。

下载好后就可以安装了,下面我们简单讲一下安装步骤,一起一般根据提示就能安装好:

  • 首先我们打开下载好的文件,可以看到下图所示界面,选择第一个选项接受许可,点击 Next 按钮,进入下一步:

image

  • 在下面这个界面中,会默认勾选三个选项,其中第一个选项表示添加到系统环境变量,如果想修改安装目录,可以点击 Browse... 按钮。

image

  • 这一步问我们是否需要安装组件,默认安装,继续点击下一步:
    在这里插入图片描述

  • 然后就开始安装啦:

在这里插入图片描述

  • 安装好后如下图所示,点击 Finish 安装:

image

  • 然后会弹出一个 DOS 窗口,我们在窗口中输入 3,选择msys2开发工具链安装:
    image

到这里 Ruby 就已经安装完成啦,我们可以在命令窗口中输入 ruby -v 命令查看是否安装成功:

image

出现如上所示表示 Ruby 安装成功。

安装 Sass

Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个软件来安装 SassCompass

安装命令如下所示:

gem install sass
gem install compass

如下图所示:

image

安装好后,可以通过 sass -vcompass -v 命令查看版本号:
image

更新 Sass 的命令如下所示:

gem update sass

卸载 Sass 的命令如下所示:

gem uninstall sass

链接:https://www.9xkd.com/

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

scss Sass片段:响应视频

如何安装Sass

如何安装并编译sass为css文件

如何安装Sass

如何安装Sass

29sass