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不成功处理方式

posted @ 2021-04-23 17:27  山茶-峰  阅读(180)  评论(0编辑  收藏  举报