nodejs 使用之Sass 、Rubby安装方法
nodejs 使用之Sass 、Rubby安装方法
码上中国博客 发表于3年前
nodejs 使用之Sass 、Rubby安装方法
  • 发表于 3年前
  • 阅读 3873
  • 收藏 2
  • 点赞 1
  • 评论 0

移动开发云端新模式探索实践 >>>   

摘要: Sass 作为前端的一种框架,它 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。

1.准备ruby环境

因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。如果没有安装ruby,则先导官网下载个ruby:http://rubyinstaller.org/downloads ,建议下载最新版本的ruby  2.2.1(较旧的版本可能会由于墙(你懂的)的原因而不能接入国外网络造成下载组件不成功)。

2.下载完成后点击安装

安装时注意在下图所示的界面勾选add Ruby executables to your PATH;如果不小心没有勾选,那就要自己去环境变量中的PATH下新增一下ruby安装的路径。

3.准备安装sass

打开图中所示的程序

直接在里面输入以下命令

gem install sass

按回车后等待安装。。。。

在这个DOS窗口上回显示下载的进度和安装进度,

我在安装sass时遇到了一个问题,它说没有定义的size方法,然后我的安装进程就中断了

我去官网中查找了很多资料才发现了这个狗血的问题所在,这个sass不能安装成功的原因是由于要先安装另一个依赖的组件haml

gem install haml

安装成功haml后再执行下面的代码

gem install sass

ok,这次成功安装,安装效果如下

再检查一下确认是否安装成功:

自此,全局的ruby 和sass已经完成安装,可以使用此命令进行操作了。





  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
码上中国博客
粉丝 51
博文 71
码字总数 69104
作品 1
×
码上中国博客
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: