如何使用npm安装和使用sass和less

目录

1，如何在npm安装和使用sass

安装命令：

判断是否安装成功：

将scss编译为css:

实时监听scss文件的变化：

2，如何在npm安装和使用less

安装命令：

检测less版本：

编译.less文件

      1》编译到同级目录下  ：lessc 文件名.less 文件名.css

       2》自动新建文件夹  将编译后的css文件放里面

---

首先，需要电脑安装有node和git

1，如何在npm安装和使用sass

安装命令：

       

 npm i node-sass -g

判断是否安装成功：

        

node-sass -v

将scss编译为css:

例如：

 node-sass a.scss b.css

为什么是scss而不是sass文件，因为scss是sass的升级版，创建sass文件时后缀为 .scss

实时监听scss文件的变化：

     例如：

node-sass -w a.scss -o css/