sass工具的安装
sass的安装
sass是什么?
sass是scss的老版本,是一种css预处理器,为css增加了编程特性,作用是是的css编程无需考虑浏览器的兼容性,可以想编程一样使用编辑css;
使用预处理器可以让代码更加简洁,提高代码的复用性
常见的css预处理器
sass,scss,less,stylus
安装
系统环境、:当前环境Windows
安装依赖:node的npm包管理器
- 安装步骤一:使用npm install -g sass;全局安装
- 安装步骤二:检查版本是否安装成功sass -v
- 安装步骤三:安装不成功,更换使用淘宝镜像 ,cmd 输⼊ $ npm install -g cnpm --registry=https://registry.npm.taobao.org 再使⽤cnpm安装sass $ cnpm install sass
- ⽂件编译和监听
- 使⽤终端或vscode终端在要编译的⽂件夹下打开,注意路径
- ⽂件夹监听 sass --watch scss:css
- ⽂件监听 sass --watch 1.scss:1.css
- 可以使⽤简写 sass -w scss:css
Windows安装sass不成功处理方式
滴水穿石,非一日之功