安装 sass 文档
2024-08-24 12:53:21
为什么使用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
安装cnpminstall
–g
node-sass查看是否安装成功node-sass
–v监测某个css文件
node-sass
-windex.scss
index.css
--output-style
expanded
监测完成之后再index.scss中写代码会在index.css中生成相应的代码
最新文章
- HTML5 学习总结(一)——HTML5概要与新增标签
- CentOS 安装 Zend Guard Loader
- zstu.4019.排队购票(多维dp)
- 15款开源PHP类库
- FZU 2144 Shooting Game
- maven 命令备忘
- Swift基本语法及与OC比较之二
- Azure上Linux VM DDOS攻击预防: 慢速攻击
- asp.net word内容读取到页面
- 极光推送Demo
- vim - manual -个人笔记
- python——爬虫&;问题解决&;思考(三)
- 图片懒加载Demo
- 在php中使用对称加密DES3,开发银行卡绑定,实名验证……
- puppeteer 安装失败的解决方案
- Swift5 语言参考(三) 类型
- 【Linux】eclipse juno 边框过大的调整方法
- QVariant类及QVariant与自定义数据类型转换的方法
- background 背景图片 在IE8中不显示解决方法
- angular学习笔记(十四)-$watch(1)