zoukankan      html  css  js  c++  java
  • CentOS 里安装Sass 踩坑记录

    最近项目需要对旧系统做下界面样式调整,前后端未分离, 想在服务器安装下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

    如有问题还请及时指正;

    
    
  • 相关阅读:
    webpack特点,安装,兼容性
    我们为什么需要构建工具
    vue-router keep-alive
    Es6模块化
    AMD-require.js
    CommonJs
    OJ
    算法
    flex属性 flex-grow、flex-shrink、flex-basic
    js过滤数组中的空值
  • 原文地址:https://www.cnblogs.com/fmixue/p/14662751.html
Copyright © 2011-2022 走看看