node-sass简介与安装

Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。

node-sass简介与安装_第1张图片

什么是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

在项目文件夹下安装node-sass

npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass

或者:cnpm install --save-dev node-sass

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

以上就是node-sass是什么?




详细了解及学习:

Sass: Sass Basics | Sass 中文网

Sass: Sass Basics | Sass 中文网



npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。

解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。

解决方法一:使用淘宝镜像源
 

npm windows设置初始化仓库和代理

在C:\Users\Administrator 目录下新建  .npmrc文件

注意windows以点开头的文件创建方式      文件名输入  .npmrc.    即可创建成功

设置淘宝仓库地址

registry=https://registry.npm.taobao.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

解决方法二:使用 cnpm
  使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载

 cnpm install node-sass

解决方法三:下载 .node 到本地
  根据自己所需的版本号环境下载

  https://github.com/sass/node-sass/releases

  安装时,指定变量 sass_binary_path,如:

 npm i node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding
 

你可能感兴趣的:(sass,前端,css)