当前位置:   article > 正文

vue项目快速安装node-sass_vue安装node-sass

vue安装node-sass

1 前言

  node-sass是我们开发vue常用的一个包,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。但是node-sass无法直接使用npm安装,他一来环境变量以及node驱动的文件,以下介绍node-sass安装方法。

2 node-sass安装

安装分为以下三步:
国内下载安装node-sass,最快的方式就是使用淘宝镜像,用法如下:

  1. 下载win32-x64-64_binding .node;网址为:
https://npm.taobao.org/mirrors/node-sass/v4.14.1/win32-x64-64_binding.node
  • 1
  1. 设置环境变量path,设置完之后刷新环境变量,或者关闭编辑器重新进入。
// path为刚刚win32-x64-64_binding .node保存文件夹
set SASS_BINARY_PATH=D:\devTools\node-sass\win32-x64-64_binding.node
  • 1
  • 2
  1. 安装node-sass
npm install node-sass
  • 1

安装成功控制台日志如下:
在这里插入图片描述

3 总结

  另外本地使用npm安装vue开发包,需要注意本地仓库是否可以正常使用;若是外网环境开发直接使用外网环境即可。若以上三步无法成功,请检查镜像仓库。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/82486
推荐阅读
相关标签
  

闽ICP备14008679号