node 安装 windows-build-tools
node版本14.18.2,或者16.20.2
node-sass版本4.14.1及以下
- 1、npm install -g node-gyp
安装完会出现一个目录 - 2、npm config set node_gyp "node C:\Users\Sunny\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js"
C:\Users\Sunny\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js
为第一步安装完成出现的目录 - 3、npm i -g --production windows-build-tools
到此完成,第四步是验证 - 4、npm install -D node-sass
这一步是验证环境是否可以了,如果能正常安装,没有报错,就是环境可以了
另一种方式:
windows-build-tools 相关:
https://github.com/felixrieseberg/windows-build-tools
https://github.com/nodejs/node-gyp#on-windows
以下,执行命令时统一使用管理员身份运行cmd命令行或powershell。
对于使用 yarn global add --production windows-build-tools
或 npm install --global --production windows-build-tools
安装c++编译环境有问题的同学,使用以下步骤手动安装。
本文档提到的文件从以下位置查找下载:
- ftp://192.168.40.198/software/node
- ftp://192.168.40.198/software/python
- ftp://192.168.40.198/software/vs
准备工作
安装nodejs,安装路径如D:\nodejs
安装 yarn
npm i -g yarn --registry=http://registry.npm.ifeidao.com
yarn config set registry http://registry.npm.ifeidao.com
安装 c++ 编译环境
这里安装 visual studio community 2017,若想减少安装大小,可以仅安装buildtool。
1 解压vs2017layout.zip到某一位置如c:\vs2017layout,里面有很多Microsoft开头的文件和文件夹,以及vs_community.exe,Layout.json等文件
2 根据上面解压文件的位置,执行命令 c:\vs2017layout\vs_community.exe --add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended
安装 python
安装python2.7如python-2.7.15.amd64.msi,路径如D:\python27
设置环境变量
修改PATH环境变量,在最前面添加这些值
D:\python27
D:\python27\Scripts
D:\nodejs\
C:\Users\Administrator\AppData\Roaming\npm
按需添加
D:\nodejs\node_modules\npm\bin\node-gyp-bin
C:\Users\Administrator\AppData\Roaming\npm\node_modules\.bin
最终效果类似下面的
PATH=D:\python27;D:\python27\Scripts;D:\nodejs\;C:\Users\Administrator\AppData\Roaming\npm;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;D:\Code\bin;C:\WINDOWS\System32\OpenSSH\;
注意是修改,不是把原有的值全部舍弃。另外以上值只在用户变量或系统变量其中之一设置。
验证环境变量
python -V
node -v
npm -v
yarn -v
node -v
npm -v
yarn -v
Python 3.5.2 :: Anaconda 4.1.1 (64-bit)
v11.9.0
6.5.0
1.13.0
安装 windows-build-tools
npm install --global --production windows-build-tools
或
yarn global add --production windows-build-tools
检查配置
npm config
C:\Users\Administrator> npm config list
; cli configs
metrics-registry = "http://registry.npm.ifeidao.com/"
scope = ""
user-agent = "npm/6.4.1 node/v10.13.0 win32 x64"
; userconfig C:\Users\Administrator\.npmrc
registry = "http://registry.npm.ifeidao.com/"
; globalconfig C:\Users\Administrator\AppData\Roaming\npm\etc\npmrc
python = "D:\\python27\\python.exe"
; builtin config undefined
prefix = "C:\\Users\\Administrator\\AppData\\Roaming\\npm"
; node bin location = D:\nodejs\node.exe
; cwd = C:\Users\Administrator
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.
yarn config list
# blablabla
注意其中的输出是否有不符合实际的,如果有,修改对应的配置文件如C:\Users\Administrator\AppData\Roaming\npm\etc\npmrc。
测试
找一个空目录,powershell或cmd打开,执行 yarn add ccap
看是否成功。
给有兴趣的人
vs_community 离线安装包
从微软官网下载在线安装包如vs_community.exe,然后根据需要添加功能并缓存
.\vs_community.exe --layout c:\vs2017layout --add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --lang en-US --lang zh-CN
如要减小安装包大小,可以去掉一种语言设置
使用 vs_community 离线安装包
c:\vs2017layout\vs_community.exe --add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended
vs build tool离线安装包
仅支持c++
.\vs_BuildTools.exe --layout c:\vs2017buildtoollayout-vc --add Microsoft.VisualStudio.Workload.VCTools --includeRecommended --lang en-US --lang zh-CN
使用 vs build tool 离线安装包
c:\vs2017buildtoollayout-vc\vs_BuildTools.exe --add Microsoft.VisualStudio.Workload.VCTools --includeRecommended
系统缓存的安装包位置
C:\ProgramData\Microsoft\VisualStudio\Packages
其他
workload and component IDs(–add参数用的) https://docs.microsoft.com/en-us/visualstudio/install/workload-component-id-vs-community?view=vs-2017
在powershell执行在线安装包名 –help,如 .\vs_community.exe --help
会提示用浏览器打开帮助文档
node 安装 windows-build-tools
另一种方式:
使用管理员身份进入命令行,切换到c盘
先运行一下这个命令
npm install --global --production windows-build-tools
//安装的好像是一个python运行环境,中间有一个绿色的框框,结尾是python
//提示+ windows-build-tools@5.2.2
// updated 1 package in 107.732s说明安装成功
//https://download.microsoft.com/download/E/E/D/EEDF18A8-4AED-4CE0-BEBE-70A83094FC5A/BuildTools_Full.exe
然后运行命令 ,好像是全局安装这个包
npm install -g node-gyp
//最后会提示一堆中文,=创建代码= === 生成代码=复制啥的=说明安装成功
npm config set node_gyp "node C:\Users\Sunny\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js"
然后把已经下载的node-modules文件删除,从新执行命令
// npm install //安装依赖就搞定了
// 测试安装
npm install -D ccap
另一种方式:
npm install -g node-gyp
npm config set node_gyp "node C:\Users\Sunny\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js"
npm i -g windows-build-tools
npm install -D ccap