目錄
? ??簡單描述nvm與volta
? ??安裝使用
? ? ? ??nvm的安裝與使用
? ? ? ??volta的安裝與使用
? ??鏡像 腳手架 Git 相關(guān)
我們做前端開發(fā)的都會需要node.js環(huán)境，而當(dāng)你為多個項目所使用的node版本不同不兼容而感到煩惱時，可以通過工具幫助我們更改node版本。
簡單描述nvm與volta
這里就不詳細(xì)描述其每個工具的優(yōu)點，詳細(xì)看官網(wǎng)；只說重點方便大家理解并選擇合適的工具；nvm與volta都是為了解決node版本切換的管理工具，但它們的設(shè)計理念有所不同
- nvm的設(shè)計理念：
- 多版本管理：nvm允許您在同一臺計算機上安裝和切換多個不同版本的Node.js。
- 簡單易用：nvm提供了命令行界面，使得安裝、切換和管理Node.js版本變得簡單直觀。
- 獨立性：nvm不依賴于任何特定的構(gòu)建工具或軟件包管理器，可以與不同的操作系統(tǒng)和環(huán)境兼容。
- Volta的設(shè)計理念：
- 項目級別管理：Volta的重點是在項目級別上管理Node.js版本。它將每個項目與其所需的Node.js版本綁定在一起，確保每個項目都能使用正確的Node.js版本。
- 自動化：Volta通過檢測項目中的配置文件（如package.json）來自動選擇適當(dāng)?shù)腘ode.js版本。這樣，在切換項目時就不需要手動更改Node.js版本。
- 集成工具鏈：除了版本管理外，Volta還提供了集成的工具鏈來管理全局安裝的CLI工具，以及各種包管理器（如npm、Yarn等）。
- 總結(jié)下：
- nvm注重于為用戶提供更大的靈活性和獨立性，允許在同一臺計算機上安裝和切換多個Node.js版本。
- 而Volta則更注重于項目級別的管理，自動選擇適當(dāng)?shù)腘ode.js版本，并提供集成的工具鏈來簡化開發(fā)流程。這兩個工具可以根據(jù)個人需求和偏好進行選擇和使用。
- 大白話：
- nvm 是將多個node安裝到你的電腦上，用那個版本，切換哪個版本，但他改的是全局的所以不能同時使用多個node版本；相比反復(fù)安裝卸載node不可否認(rèn)nvm還是有很大貢獻。
- 而Volta不但能全局切換node版本，還可以細(xì)化到項目中，根據(jù)不同的項目使用不同版本的node版本，解決了項目所使用的node版本問題
安裝使用
看完上述解釋根據(jù)自己的理解nvm與volta二選一，安裝工具前，需要卸載以前安裝的node.js (第一次安裝忽略)
nvm的安裝與使用
nvm-windowshttps://github.com/coreybutler/nvm-windows/releases以1.19為例: 下載 對應(yīng)版本 .exe 文件
關(guān)于訪問慢的問題=>這里是1.1.9的版本：https://polite.lanzouw.com/b09ibtncd? 統(tǒng)一密碼:0809
下載后進行安裝，一共有兩個安裝路徑，均可自定義盤符
安裝完成后 以行?管理員身份?運行 命令提示符 | 利用 nvm 安裝 node.js
1. 配置taobao鏡像
// node
nvm node_mirror:npm.taobao.org/mirrors/node/
// npm
nvm npm_mirror:npm.taobao.org/mirrors/npm/2.通過 nvm 安裝 node
nvm list available // 查看所有 node 版本 建議選擇 LTS 中的版本進行安裝 LTS 即(Long Term Support)長期支持版本
nvm install // 下載指定 node 版本 例: nvm install 16.14.2
nvm use // 使用或切換指定 node 版本 例: nvm use 16.14.2
nvm list // 查看所有已下載版本 關(guān)于通過上述第一條配置taobao鏡像后仍然下載失敗的問題：?Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.?
nvm安裝目錄找到settings.txt文件打開添加配置并保存
配置如下：
node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/切換 node 版本后，可查看對應(yīng) node 及 npm 版本
node -v // 查看當(dāng)前使用版本
npm -v // 查看當(dāng)前使用版本在項目根目錄中添加?.nvmrc 記錄項目使用的node版本
在終端直接 nvm use 自動讀取.nvmrc文件中的版本并進行下載切換
v14.21.3volta的安裝與使用
Getting Started | Voltahttps://docs.volta.sh/guide/getting-started以1.1.1為例
下載后安裝即可，不能自定義盤符安裝
安裝完成后 以行?管理員身份?運行 命令提示符 | 利用 volta?安裝 node.js
// 默認(rèn)安裝最新的LTS穩(wěn)定版可通過@xxx的方式安裝對應(yīng)版本
volta install node可能會遇到下載失敗或慢的問題，解決方案
Node.js官網(wǎng)原話：版本進入當(dāng)前版本狀態(tài)六個月，這讓庫作者有時間添加對它們的支持。 六個月后，奇數(shù)版本（9、11 等）將不受支持，偶數(shù)版本（10、12 等）將變?yōu)榛顒?LTS 狀態(tài)并可供常規(guī)使用。LTS 版本狀態(tài)為“長期支持”，這通常保證關(guān)鍵 bug 將在總共 30 個月內(nèi)得到修復(fù)。 生產(chǎn)應(yīng)用程序應(yīng)僅使用活動 LTS 或維護 LTS 版本。
根據(jù) Node.js 官網(wǎng)我們得知：每個版本的偶數(shù)版本是LTS穩(wěn)定版，打開以前的版本(nodejs.org)官網(wǎng)辨別每個大版本的穩(wěn)定版，復(fù)制版本號去清華大學(xué)開源軟件鏡像站中 ctrl+f 搜索并點擊下載對應(yīng)的node-vxx.xx.xx-win-64.zip (以win舉例，mac | linux自行選擇)
下載完成后放到C:\Users\story\AppData\Local\Volta\tools\inventory\node目錄中，再次運行并指定壓縮包上的版本即可將此版本作為默認(rèn)版本(還是不行的重啟電腦再次執(zhí)行)：
volta install node@xx.xx.xx安裝完成后每個node版本中都有對應(yīng)的npm，你也可以安裝yarn和pnpm
當(dāng)你安裝完yarn后，而使用報錯時，在 Windows 上，配置環(huán)境變量YARN_IGNORE_NODE設(shè)置為1?？梢詫⑵涮砑拥较到y(tǒng)設(shè)置中的用戶或系統(tǒng)環(huán)境變量中并重啟電腦。
volta install yarn安裝pnpm需要node版本16以上
值得注意的是pnpm目前處于實驗階段(如果你通過volta安裝pnpm失敗時)。你需要單獨配置啟用它
在 Windows 上，配置環(huán)境變量VOLTA_FEATURE_PNPM設(shè)置為1。可以將其添加到系統(tǒng)設(shè)置中的用戶或系統(tǒng)環(huán)境變量中并重啟電腦。
在 Linux/Mac 上，您可以在配置文件腳本中設(shè)置值（如.bash_profile、.zshrc或類似的）。
由于此支持是實驗性的（后續(xù)應(yīng)該會做包管理工具兼容），暫時不支持pnpm的
volta install pnpm
管理項目的node版本(在項目根目錄中安裝依賴前先在終端執(zhí)行再安裝項目依賴)
volta pin node@xx.xx.xx
// 程序包管理器 cnpm yarn pnpm 等
volta pin npm@xx.xx.xxVolta 會把這個放在你的 package.json，這樣你就可以把你選擇的工具提交到版本控制:
"volta": {
"node": "xx.xx.xx",
"npm": "x.xx.x"
}其他相關(guān)指令?
volta fetch 將工具緩存到本地機器以供離線使用
volta install 設(shè)置工具的默認(rèn)版本
volta uninstall 從工具鏈中卸載工具
volta pin 固定項目的運行時或包管理器
volta list 顯示當(dāng)前工具鏈
volta list all 顯示所有工具鏈
volta completions 命令補全
volta which 查看 volta 安裝的工具的目錄
volta setup 為當(dāng)前用戶/shell 啟用 volta
volta run 運行帶有自定義Node、npm、pnpm和/或Yarn版本的命令
volta help 輸出幫助信息
鏡像 包管理工具 腳手架 Git 相關(guān)
修改npm鏡像
npm 鏡像源是指用于下載和安裝 Node.js 包（package）的服務(wù)器地址。由于網(wǎng)絡(luò)環(huán)境的差異，有時候直接從默認(rèn)的 npm 官方源下載包可能會比較慢或者不穩(wěn)定。為了解決這個問題，npm 提供了一些其他的鏡像源供用戶選擇
// npm 鏡像源相關(guān)指令
// 查看當(dāng)前使用的鏡像源
npm get registry
// npm默認(rèn)鏡像源: https://registry.npmjs.org/
// 全局設(shè)置taobao鏡像源
npm config set registry http://registry.npmmirror.org
?手動配置鏡像源還需要去搜索相關(guān)鏡像源地址，這里推薦使用NRM管理和切換鏡像源
// 安裝
npm install -g nrm
// 查看可選的源 符號*表示當(dāng)前正在使用的鏡像源
nrm ls
C:\Windows\system32>nrm ls
* npm --npm官方鏡像------- https://registry.npmjs.org/
yarn --yarn官方鏡像----- https://registry.yarnpkg.com/
tencent --騰訊鏡像------ https://mirrors.cloud.tencent.com/npm/
cnpm --cnpm官方鏡像----- https://r.cnpmjs.org/
taobao --淘寶鏡像------- https://registry.npmmirror.com/
npmMirror --阿里云鏡像-- https://skimdb.npmjs.com/registry/
// 通過 nrm use xxx 切換鏡像源
nrm use taobao
// 增加定制鏡像源，例如你可以去搜索清華大學(xué)的鏡像站進行配置，亦或者使用公司企業(yè)內(nèi)部的私有源，執(zhí)行命令nrm add <registry> <url>，其中registry為源名，url為源的路徑
// 示例
nrm add demo https://skimdb.demo.com/registry/
// 刪除鏡像源
nrm del demo
// 測試速度
nrm test npm
// 其他相關(guān)指令通過nrm 或nrm help自行查看
C:\Windows\system32>nrm help
Usage: cli [options] [command]
Options:
-V, --version output the version number
-h, --help display help for command
Commands:
ls List all the registries
current [options] Show current registry name or URL
use <name> Change current registry
add <name> <url> [home] Add custom registry
login [options] <name> [base64] Set authorize information for a custom registry with a base64 encoded string or
username and password
set-hosted-repo <name> <repo> Set hosted npm repository for a custom registry to publish package
set-scope <scopeName> <url> Associating a scope with a registry
del-scope <scopeName> Remove a scope
set [options] <name> Set a custom registry attribute
rename <name> <newName> Change custom registry name
del <name> Delete custom registry
home <name> [browser] Open the homepage of registry with optional browser
test [registry] Show response time for specific or all registries
help [command] display help for command包管理工具
安裝?cnpm - npm (npmjs.com)
npm install -g cnpm安裝?Yarn中文文檔
npm install yarn -g?安裝?pnpm中文文檔
npm install -g pnpm腳手架
安裝 vue cli 腳手架
npm install -g @vue/cli安裝 react 腳手架
npm install -g create-react-app安裝TypeScript
npm install -g typescriptgit相關(guān)
安裝?Git、ortoiseGit
執(zhí)行yarn報錯： yarn.ps1，因為在此系統(tǒng)上禁止運行腳本
解決方案：
1、在Windows中搜索powershell，右鍵以管理員身份運行
2、若要在本地計算機上運行您編寫的未簽名腳本和來自其他用戶的簽名腳本，請使用以下命令將計算機上的 執(zhí)行策略更改為 RemoteSigned
執(zhí)行：set-ExecutionPolicy RemoteSigned文章來源：http://www.zghlxwxcb.cn/news/detail-833279.html
輸入 :y(確認(rèn))文章來源地址http://www.zghlxwxcb.cn/news/detail-833279.html
PS C:\WINDOWS\system32> set-ExecutionPolicy RemoteSigned
執(zhí)行策略更改
執(zhí)行策略可幫助你防止執(zhí)行不信任的腳本。更改執(zhí)行策略可能會產(chǎn)生安全風(fēng)險，
如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 幫助主題所述。是否要更改執(zhí)行策略?
[Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 暫停(S) [?]
幫助 (默認(rèn)值為“N”): Y
PS C:\WINDOWS\system32>到了這里，關(guān)于前端環(huán)境搭建：nvm、volta 的使用 node 版本管理工具及 nrm 鏡像的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
