【sass】手把手教你如何在本地安装SASS

  记得小时候学过一片叫做《黔驴技穷》的文章,黔这个地方本没有驴但是有“好事者船载已入”,然后就有了。本来我们写css时直接在对应的css文件里直接写就可以了,但是有人就提出来了这样写不够人性比较痛苦逼格不够高,我们要引入编程的面向对象的方式写css。这样写有诸多好处:可以定义变量,代码可以复用,书写人性化,在大型项目中尤其适用,关键是逼格高!哈哈。

首先我们要装下日本人写的ruby,然后通过ruby的包管理工具gem安装saa,类似node的npm,

PS:ruby 出来比node早,应该是node借鉴了ruby这种包模块管理方式,然后node又借用了谷歌请的V8内核并得益于统一的js规范commonJS(虽然今天这个规范已经开始过时),天时地利人和的情况下一个强大而又流行的node应运而生!github上关注度仅次于Twitter的bootstrap。

#####1)ruby下载。

这个楼主已经下载好了,32位64位都有。

360云盘:https://yunpan.cn/c6CJsRKu9Gm5U  访问密码 1029 。

当然你也可以通过官网下载,可能比较慢因为是国外网站呀你懂得不是404就不错咯。所以对应的各种镜像网站就应用而生了,比如常用的淘宝镜像。有个主意点记得勾选以下图中选项,大概意思就是配置本地环境变量,否则的话以后使用编译软件的时候就会提示找不到ruby环境。

#####2)具体命令行操作.

a)正确安装后,按住Windows+R打开cmd在里面输入

  ruby -v

如果不成功的话,就需要重启下啦。

b)然后我们就可以通过以下命令行安装sass啦

  gem install sass

c)安装后可以通过

  sass -v 查看sass版本,

  sass -i 进入REPL编译环境。

啊,什么是REPL?read–eval–print loop交互式编程环境,我的理解就是“”所见即所得“”!哈哈。

       gem update sass  升级sass 版本

注意:默认就是全局安装,不需要和node里加-g啦。

这样你得本地sass就配置成功了,你就可以通过编程这种高大上的方式编写你得css样式啦。

3)如果你此时网络环境比较糟糕以上命令行不能成功下载sass可以通过淘宝镜像下载。

a)先移除默认的https://rubygems.org源:

    gem sources --remove https://rubygems.org/ 

b)然后然后添加淘宝的源:

    gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-china.org】 ;

c)同2)。

后记:希望本文能够帮你成功配置本地SASS环境。前端开发掌握这么技能对你升职就业也是很有裨益的,毕竟很多公司也在使用这个。奥,对了跟SASS一样的东西还有个叫less的,但是实际工作中中没有sass用的多,道理都是一样的。 小生才疏学浅,纰漏之处还请路过的大神们多多拍砖。以下是saas语法学习的一个网站,比较简洁: http://www.w3cplus.com/sassguide/syntax.html .

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339

推荐阅读更多精彩内容