sass安装步骤

最新推荐文章于 2024-05-10 14:02:56 发布

原创最新推荐文章于 2024-05-10 14:02:56 发布 · 333 阅读

CC 4.0 BY-SA版权

本文详细介绍了SASS的安装步骤，包括通过rubyinstaller安装Ruby，并使用gem安装SASS。在安装过程中，若遇到SSL连接问题，可以通过下载并设置SSL证书来解决。此外，还讲解了命令行编译配置选项及其常见用途，以及如何在HBuilder中配置SASS的自动编译功能。

1.安装 rubyinstaller-2.3.1.exe 勾选AddRuby executables to your PATH

2.安装完ruby之后在开始菜单中找到安装的ruby打开Start Command Prompt with Ruby

3.运行 gem install sass 安装失败可以使用淘宝RubyGems镜像安装sass

//1.删除原gem源
gem sources --remove https://rubygems.org/

//2.添加国内淘宝源
gem sources -a https://ruby.taobao.org/

//3.打印是否替换成功
gem sources -l

//4.更换成功后打印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/

gem install sass

命令行编译;

//单文件转换命令
sass input.scss output.css

//单文件监听命令
sass --watch input.scss:output.css

//如果你有很多的sass文件的目录，你也可以告诉sass监听整个目录：
sass --watch app/sass:public/stylesheets

命令行编译配置选项;

命令行编译sass有配置选项，如编译过后css排版、生成调试map、开启debug信息等，可通过使用命令sass -v查看详细。我们一般常用两种--style``--sourcemap。

//编译格式
sass --watch input.scss:output.css --style compact

//编译添加调试map
sass --watch input.scss:output.css --sourcemap

//选择编译格式并添加调试map
sass --watch input.scss:output.css --style expanded --sourcemap

//开启debug信息
sass --watch input.scss:output.css --debug-info

ERROR: Could not find a valid gem 'sass' (>= 0), here is why:
Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api.rubygems.org/specs.4.8.gz)

试着升级你的SSL证书。

1.下载 http://curl.haxx.se/ca/cacert.pem.

2.把这个文件保存到任意一个文件夹下, 例如: C:\RailsInstaller\cacert.pem.

3.打开ruby的终端，输入这行代码: set SSL_CERT_FILE=C:\RailsInstaller\cacert.pem

4.再尝试 gem install sass

HBuilder 中配置sass自动编译功能

选择工具 ->新建 .scss