Sass-安装

48次阅读

共计 1189 个字符,预计需要花费 3 分钟才能阅读完成。

Sass 的系统需求

  • 操作系统 – Sass 是独立于平台的
  • 浏览器支持 – Sass 在 Edge/IE(来自 IE 8)、Frefox、Chrome、Safari、Opera 中工作
  • 编程语言 – Sass 基于 Ruby

Sass 官方网站:https://sass-lang.com/

安装 Sass

当我们在命令行上安装 Sass 时,我们需要将能够运行的 Sass 可执行文件来将 .sass 和 .scss 文件编译为 .css 文件:

sass source/stylesheets/index.scss build/stylesheets/index.css

首先使用下面的选项之一安装 sass,然后运行 sass-version 以确保安装正确。如果是,这将包括 1.22.12,我们还可以运行 SASS——帮助了解命令行接口的更多信息。

  • 随处安装(独立)
    我们可以通过从 GITHUB 下载操作系统的包并将其添加到您的路径上,在 Windows、MAC 或 Linux 上安装 SAS。所有这些都没有外部依赖项,也不需要安装其他任何东西。
  • 随处安装(NPM)
    如果我们使用的话,可以通过运行新版本来安装:

    npm install -g sass

    但是,请注意,这将安装 sass 的纯 JavaScript 实现,它的运行速度比这里列出的其他选项稍慢。但是它有相同的接口,所以如果我们需要更高的速度,以后在另一个实现中交换会很容易。

  • 安装在 Windows 上(Chocolatey)

    如果使用适用于 Windows 的 Chocolatey 软件包管理器,则可以通过运行安装 Dart Sass:

    choco install sass
  • 在 Mac OS X 上安装(Homebrew)

    如果使用 Mac OS X 的自制软件包管理器,则可以通过运行安装 Dart Sass:

    brew install sass/sass/sass

使用

Sass 可以有三种方式使用:

  • 作为命令行工具
  • 作为独立的 Ruby 模板
  • 作为 Rack-enabled 框架的插件

无论使用哪一种都需要先安装 Sass gem:

gem install sass

在命令行中运行 Sass:

sass input.scss output.css

监视单个 Sass 文件,每次修改并保存时自动编译:

sass --watch input.scss:output.css

监视整个文件夹:

sass --watch app/sass:public/stylesheets

更多命令的用法请通过 sass –help 获取帮助。

在 Ruby 中使用 Sass 也非常容易,Sass gem 安装完毕后运行 require “sass” 然后按照下面的方法使用 Sass::Engine:

engine = Sass::Engine.new("#main {background-color: #0000ff}", :syntax => :scss)
engine.render #=> "#main {background-color: #0000ff;}\n"

正文完
 0