最近项目需要对旧系统做下界面样式调整,前后端未分离, 想在服务器安装下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
如有问题还请及时指正;