最近项目需要对旧系统做下界面样式调整,前后端未分离, 想在服务器安装下Sass,然后自动实时编译,可以提高下开发效率;

服务器环境为CentOS,按照网上的教程搜了很多安装方式,总有报错,特此记录下,避免下次踩坑;

先看下 sass是什么?

sass号称“世界上最成熟、最稳定、最强大的专业级css扩展语言” ,sass基于于Ruby语言开发而成,因此安装sass前需要安装Ruby

1、安装rudy

在centos中安装 ruby-dev 使用命令:注意是ruby-level,不是ruby-dev

yum install ruby-devel

2、安装完成后需测试安装有没有成功, 服务器中输入以下命令:

ruby -v
//如安装成功会打印
ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

3、需要更换 gem 源:

 gem sources -a https://gems.ruby-china.com/

 安装好后用gem sources -l检查当前SOURCES列表:

gem sources -l

输出如下: 

*** CURRENT SOURCES ***

https://gems.ruby-china.org/

说明切换成功了

4、安装Sass

//安装如下(如mac安装遇到权限问题需加 sudo gem install sass)
gem install sass

5、测试下是否安装成功

//更新sass
gem update sass
 
//查看sass版本
sass -v  // 命令行显示sass 版本信息
 
//查看sass帮助
sass -h

好了,这个时候可以去指定目录里编译Scss文件了:

cd /xxx/css 

假如你想将 a.scss 实时编译为 a.css ,需要执行 

sass --watch a.scss:a.css

 

如有问题还请及时指正;