node 安裝 windows-build-tools

node 安裝 windows-build-tools

node版本14.18.2，或者16.20.2
node-sass版本4.14.1及以下

  • 1、npm install -g node-gyp
    安裝完會出現(xiàn)一個目錄
  • 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為第一步安裝完成出現(xiàn)的目錄
  • 3、npm i -g --production windows-build-tools
    到此完成，第四步是驗證
  • 4、npm install -D node-sass
    這一步是驗證環(huán)境是否可以了，如果能正常安裝，沒有報錯，就是環(huán)境可以了
nodejs版本和node-sass對應(yīng)關(guān)系

另一種方式：
windows-build-tools 相關(guān)：

https://github.com/felixrieseberg/windows-build-tools

https://github.com/nodejs/node-gyp#on-windows

以下，執(zhí)行命令時統(tǒng)一使用管理員身份運行cmd命令行或powershell。

對于使用 yarn global add --production windows-build-tools 或 npm install --global --production windows-build-tools 安裝c++編譯環(huán)境有問題的同學(xué)，使用以下步驟手動安裝。

本文檔提到的文件從以下位置查找下載：

準備工作

安裝nodejs，安裝路徑如D:\nodejs

安裝 yarn

npm i -g yarn --registry=http://registry.npm.ifeidao.com
yarn config set registry http://registry.npm.ifeidao.com

安裝 c++ 編譯環(huán)境

這里安裝 visual studio community 2017，若想減少安裝大小，可以僅安裝buildtool。

1 解壓vs2017layout.zip到某一位置如c:\vs2017layout，里面有很多Microsoft開頭的文件和文件夾，以及vs_community.exe，Layout.json等文件

2 根據(jù)上面解壓文件的位置，執(zhí)行命令 c:\vs2017layout\vs_community.exe --add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended

安裝 python

安裝python2.7如python-2.7.15.amd64.msi，路徑如D:\python27

設(shè)置環(huán)境變量

修改PATH環(huán)境變量，在最前面添加這些值

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\;

注意是修改，不是把原有的值全部舍棄。另外以上值只在用戶變量或系統(tǒng)變量其中之一設(shè)置。

驗證環(huán)境變量

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

注意其中的輸出是否有不符合實際的，如果有，修改對應(yīng)的配置文件如C:\Users\Administrator\AppData\Roaming\npm\etc\npmrc。

測試

找一個空目錄，powershell或cmd打開，執(zhí)行 yarn add ccap 看是否成功。

給有興趣的人

vs_community 離線安裝包

從微軟官網(wǎng)下載在線安裝包如vs_community.exe，然后根據(jù)需要添加功能并緩存

.\vs_community.exe --layout c:\vs2017layout --add Microsoft.VisualStudio.Workload.NativeDesktop --includeRecommended --lang en-US --lang zh-CN

如要減小安裝包大小，可以去掉一種語言設(shè)置

使用 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

系統(tǒng)緩存的安裝包位置

C:\ProgramData\Microsoft\VisualStudio\Packages

其他

命令行參數(shù)幫助文檔 https://docs.microsoft.com/en-us/visualstudio/install/use-command-line-parameters-to-install-visual-studio?view=vs-2017

workload and component IDs(–add參數(shù)用的) https://docs.microsoft.com/en-us/visualstudio/install/workload-component-id-vs-community?view=vs-2017

在powershell執(zhí)行在線安裝包名 –help，如 .\vs_community.exe --help 會提示用瀏覽器打開幫助文檔
node 安裝 windows-build-tools

另一種方式：

使用管理員身份進入命令行，切換到c盤

先運行一下這個命令
npm install --global --production windows-build-tools
//安裝的好像是一個python運行環(huán)境,中間有一個綠色的框框,結(jié)尾是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
//最后會提示一堆中文,=創(chuàng)建代碼= === 生成代碼=復(fù)制啥的=說明安裝成功
npm config set node_gyp "node C:\Users\Sunny\AppData\Roaming\npm\node_modules\node-gyp\bin\node-gyp.js"

然后把已經(jīng)下載的node-modules文件刪除,從新執(zhí)行命令
// npm install //安裝依賴就搞定了
// 測試安裝
npm install -D ccap

另一種方式：

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容