码迷,mamicode.com
首页 > 其他好文 > 详细

安装 sass 文档

时间:2017-04-21 16:46:13      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:rdl   rri   index   aos   tmc   tput   csv   spi   lvm   

为什么使用Sass

 作为前端(html、javascript、css)的三大马车之一的css,一直以静态语言存在,HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之选。只有css似乎成为前端开发的被忽视的角色了。

Sass让css有了动态语言的特点,在初次学习css时,有时候同样的样式在不同的#或.中一次又一次重复的编码,有了Sass,在css语法的基础上不仅可以写变量、函数,而且可以百分百的转换为标准的css。再次把Don‘t Repeat Yourself进行到底,降低了“码农”的工作量,提高了效率。而且现在越来越多的优秀开发人员专门利用sass和compass构建出非常优秀的前端样式开发框架(如,Button),再一次提高我们的生产力。

 

用管理员权限安装(在哪里都可以用)

技术分享

检查是否安装成功(-v查看版本号)

技术分享

进入到自建的文件夹,监测

技术分享

技术分享

技术分享

在新建的scss中输入如下代码,观察cmd(写错scss会在cmd中报错),会自动生成一个css文件里面有scss里面写的内容


打开Cmd

  1. 安装cnpminstallg node-sass

  2. 查看是否安装成功node-sass v

  3. 监测某个css文件

node-sass -windex.scss index.css --output-style expanded


监测完成之后再index.scss中写代码会在index.css中生成相应的代码

安装 sass 文档

标签:rdl   rri   index   aos   tmc   tput   csv   spi   lvm   

原文地址:http://www.cnblogs.com/Mr-liyang/p/6744091.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!