node-sass安装

529 阅读1分钟

一、node-sass安装

1. 安装Python,配置环境变量

python: www.python.org/downloads/

npm配置python版本,npm需要是v8版本

npm config set python "C:\Python27\python.exe"

或者直接编辑npm用户配置文件.npmrc ,路径在`C:\Users\xxx\。

新增一行:

python=C:\Python27\python.exe

2.安装安装Visual C++构建环境

2.1 使用 windows-build-tools 自动安装

管理员权限运行cmd

npm install --global --production windows-build-tools

安装过程可能会出现卡住的情况,如果有C:\Users\xxx.windows-build-tools\vs_BuildTools.exe文件,可以自行双击安装。

2.2 手动安装

下载地址:Visual Studio 2017

左侧选择C++桌面开发,右侧选择VC++ 2017和Windows SDK

配置npm使用的vs构建构建工具版本

npm config set msvs_version 2017

4.安装node-gyp

node-gyp 是一个用于编译 Node.js C/C++ 扩展的工具。虽然 windows-build-tools 会安装 node-gyp,但如果你单独安装 node-gyp,可以确保所有依赖都已正确设置

npm install --global node-gyp

5.安装node-sass

npm i node-sass -D

6. node-sass与sass-loader的关系

sass-loader 4.1.1,node-sass 4.3.0

sass-loader 7.0.3,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.14.1

sass-loader 10.0.1,node-sass 6.0.1

7.遇到的问题

【Windows11】cmd下运行python弹出windows应用商店解决方案

环境变量path中找到:C:\Users\xxx\AppData\Local\Microsoft\WindowsApps,并删除。

8.参考链接

记录安装 node-sass 失败原因及解决办法汇总:juejin.cn/post/694653…

node-sass和node版本对应关系:github.com/sass/node-s…

如何正确安装node-sass:blog.csdn.net/weixin_4558…

node-gyp安装:

github.com/nodejs/node…

github.com/Microsoft/n…

配置Windows开发环境:

github.com/Microsoft/n…