为什么使用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. 安装cnpminstall
    –g
    node-sass

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

  3. 监测某个css文件

node-sass
-windex.scss

index.css
--output-style
expanded

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

最新文章

  1. HTML5 学习总结(一)——HTML5概要与新增标签
  2. CentOS 安装 Zend Guard Loader
  3. zstu.4019.排队购票(多维dp)
  4. 15款开源PHP类库
  5. FZU 2144 Shooting Game
  6. maven 命令备忘
  7. Swift基本语法及与OC比较之二
  8. Azure上Linux VM DDOS攻击预防: 慢速攻击
  9. asp.net word内容读取到页面
  10. 极光推送Demo
  11. vim - manual -个人笔记
  12. python——爬虫&问题解决&思考(三)
  13. 图片懒加载Demo
  14. 在php中使用对称加密DES3,开发银行卡绑定,实名验证……
  15. puppeteer 安装失败的解决方案
  16. Swift5 语言参考(三) 类型
  17. 【Linux】eclipse juno 边框过大的调整方法
  18. QVariant类及QVariant与自定义数据类型转换的方法
  19. background 背景图片 在IE8中不显示解决方法
  20. angular学习笔记(十四)-$watch(1)

热门文章

  1. Spring IOC和IOC容器
  2. JavaScript Number() Vs new Number()
  3. Java Spring-Bean中属性注入
  4. 10046event vs 10053event做了哪些操作
  5. idea常用实用快捷键
  6. openfalcon源码分析之hbs
  7. Vue.js学习笔记:在元素 和 template 中使用 v-if 指令
  8. keras_基本网络层结构(2)_卷积层
  9. Django 之 Ajax
  10. 新书《Cocos2dx 3.x 3D图形学渲染技术讲解》问世