node-sass是什么？入门指南_sass使用攻略

用心去追梦

于 2022-07-31 12:14:07 发布

阅读量537

点赞数

分类专栏： vue 文章标签： sass vue.js 前端

本文链接：https://blog.csdn.net/qq_33240556/article/details/126084121

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

Sass是一种强大的CSS预处理器，提供缩进语法和SCSS语法，允许开发者使用变量、嵌套规则等功能。安装Node-sass在国内可能遇到困难，但可以通过淘宝npm镜像进行安装。首先安装cnpm，然后在项目目录下使用cnpm安装node-sass，将其添加到package.json的devDependencies。

摘要由CSDN通过智能技术生成

node-sass是什么
- 什么是Sass?
- 安装

什么是Sass?

Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。

Sass包含两种语法：较旧的语法使用缩进将代码块和换行符分隔为单独的规则；较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。

缩进语法和SCSS文件传统上分别给出扩展名.sass和.scss

如何安装Node-sass？

鉴于国内的环境，node-sass实在是太难安装了，可以直接通过淘宝的npm镜像来安装。

安装

1、安装cnpm（https://npm.taobao.org/）

npm install -g cnpm --registry=https://registry.npm.taobao.org
2、在项目文件夹下安装node-sass

cnpm install --save-dev node-sass
说明：–save-dev自动将node-sass加入到项目文件夹下的package.json中。