1.ruby的下载安装与配置
1.1下载地址：安装红宝石
windows下安装SASS首先需要安装Ruby，先从官网下载Ruby并安装。安装过程中请注意勾选将Ruby可执行文件添加到PATH添加到系统环境变量。如下图： 文件 安装完成后需测试安装有没有成功，在安装目录里运行CMD输入以下命令：
ruby -v
//如安装成功会打印
ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]
1.2在红宝石的宝石镜像配置，中国镜像：HTTPS：//gems.ruby-china.com/
$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.com
确保只有 gems.ruby-china.com
1.3Ruby自带一个叫做RubyGems的系统，用来安装基于Ruby的软件。我们可以使用这个系统来轻松地安装Sass和指南针。要安装最新版本的Sass和指南针，你需要输入下面的命令：
//安装如下（如mac安装遇到权限问题需加sudo gem install sass）
gem install sass
gem install compass
Fetching: sass-3.x.x.gem (100%)
Successfully installed sass-3.x.x
Parsing documentation for sass-3.x.x
Installing ri documentation for sass-3.x.x
Done installing documentation for sass after 6 secon
1 gem installed
D:\soft\Ruby25-x64\bin>sass -v
Ruby Sass 3.7.3
D:\soft\Ruby25-x64\bin>compass -v
Compass 1.0.3 (Polaris)
Copyright (c) 2008-2019 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
1.4如下SASS常用更新，查看版本，青菜命令帮助等命令：
//更新sass
gem update sass
//查看sass版本
sass -v
//查看sass帮助
sass -h
2.idea的配置与运行
2.1.IDEA sass或scss配置
文件 可以sass --help看一下功能参数： - style compressed --no-cache --update --sourcemap $ FileName $：$ FileParentDir $ \ css $ FileNameWithoutExtension $ .css样式压缩不缓存产生map文件$ FileName $文件名字$ FileParentDir $父级文件夹$ FileNameWithoutExtension $ //生成的名字其他默认就可以了在win7上是这样的
配置完后文件路径
2.2.scss或sass编译时出现GBK Ex6 ex5错误的时候//有中文编译的时候报错
在ruby的安装下找到\ Ruby \ lib \ ruby \ gems \ 1.9.1 \ gems \ sass-3.3.14 \ lib \ sass在这个文件里面engine.rb Encoding.default_external = Encoding.find（'utf-8' ）然后就可以了当然如果是在idea的时候重启一下idea就可以了
本文由 芒果雪花汁 发布
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Aug 9, 2019 at 03:45 pm