【轉載】nodejs 和 npm 和 yarn

title: 【轉載】nodejs 和 npm 和 yarn
date: 2022-06-06 11:09:00
toc: false
index_img: https://puep.qpic.cn/coral/Q3auHgzwzM4fgQ41VTF2rILyI8ckeUFuZTtuo8Y2TUQ8JpxuBcS3aQ/0
category:

前端
tags:
yarn
nodejs
npm
global
add
remove
dir
config
list
registry

原文：nodejs 和 npm 和 yarn - 掘金，本站僅作保存記錄及調整排版，不做盈利性質的商業行為。

1. nodejs 是個啥#

Node.js 是能夠在伺服器端運行 JavaScript 的開放源碼、跨平台 JavaScript 運行環境。Node.js 大部分基本模組都用 JavaScript 語言編寫。在 Node.js 出現之前，JavaScript 通常作為客戶端程式設計語言使用，以 JavaScript 寫出的程式常在使用者的瀏覽器上運行，因此簡單來說 Node.js 就是可以在伺服器端運行的 JavaScript。

所以簡單來說 node.js 是一個伺服器端 JavaScript 的 IDE (集成開發環境)，簡稱 Node 環境

2. npm 是個啥#

npm（全稱 Node Package Manager，即 “node 包管理器”）是 Node.js 預設的、以 JavaScript 編寫的軟體包管理系統。

具體關於 npm 的產生和發展，推薦方方老師的回答，請移步 npm 是幹什麼的？（非教程）

每種語言都有自己的包管理工具，npm 就是 JavaScript 語言的包管理工具，伺服器端 JavaScript 通常使用 NPM 作為依賴管理工具，npm 雖然翻譯過來是對 node.js 包的管理，畢竟二者達成合作，npm 依附 node.js 火的。但終究是 JavaScript 語言的包管理工具，並且前端開發都是以 JavaScript 語言為主，我們在做前端開發時也會用到很多別人寫的 JavaScript 代碼包，如 jQuery.js 、vue.js 等等，因此 npm 就成了學習前端開發不得不了解和掌握的一個優秀 js 包管理工具。

3. node 的安裝#

可能有人覺得說，我不使用 node.js 做後端開發，只做前端開發，因此只安裝 npm 不行嗎？

可以，但是 node.js 和 npm 都合作了，誰也離不开誰了，npm 自帶在了 node.js 裡，你安裝個 node.js 就自動帶有了 npm ，而且 node.js 目前這麼火，想入前端這一行，怎麼能保證不在某個時候用到 node.js 呢？因此建議還是安裝個 node.js 來使用 npm 吧！

官網下載安裝單個版本#

Node.js 官網

盡量選擇雙數版本，如 Node8、Node10、Node12，雙數版本是穩定版，選擇下載 .msi 安裝檔，x64 是 64 位系統，x86 是 32 位系統，安裝步驟如下：

下載完成後點擊直接安裝，最好修改下安裝目錄，因為 node.js 的安裝路徑不允許有空格，在選項選擇那裡要全部勾選，尤其是添加到 path 那個選項，不過其預設是全選的，因此直接下一步就行，安裝完成後運行命令 node --version 查看當前版本，若成功即可，未成功則看環境變數是否配置。

使用 NVM 版本管理工具#

除了去官網下載安裝 node.js 外，還可以使用 NVM 工具來控制 node.js 的版本切換，比如我最近就得將 node.js 升級，使用了網上推薦的 n 模組 管理工具，根本沒什麼鳥用，據說不支持 windows ，使用了 NVM 管理工具，妥妥的好用。

NVM 是一個 node.js 的版本管理工具，提供 node.js 下載安裝和版本切換功能。

1. 安裝 NVM#

windows 版下載鏈接：nvm-windows

進去找到 nvm-setup.zip ，下載後會得到 .exe 的安裝程式，在安裝的過程中會遇到兩個目錄選擇，第一個是 nvm 工具的安裝路徑，第二個是當前使用的 node.js 的版本的路徑，可自行設定，如下：

第一個目錄選擇

第二個目錄選擇

在安裝好 NVM 後運行 nvm --version 成功查看到版本號及命令資訊即安裝成功

2. 切換 NVM 下載源#

在安裝完 nvm 後不要著急下載 node.js ，因為此時 node.js 和 npm 的預設下載源是國外，那叫一個慢啊，因此，要先修改 nvm 的預設下載源，運行如下命令：

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

3. 開始使用 nvm#

開始安裝 node.js 吧，使用命令 nvm install <version> [arch] ，其中，version 是版本號，arch 是可選的參數，是指操作系統位數，預設是 64 位，若你是 32 位的操作系統，則 arch 為 32。這些命令在 nvm --version 顯示時都有說明，可看看。

nvm install latest             //安裝最新版的node
nvm install 版本號             //64位操作系統
nvm list                       //查看當前已安裝的所有node版本
nvm use 版本號                 //版本切換

不知道有哪些版本號可安裝？看這裡 nodejs-realease

4. npm 的使用#

修改預設下載源#

安裝好了 node.js ，在命令行輸入如下命令，看是不是自帶了 npm

先不要著急使用 npm 安裝或下載各種工具包，因為此刻 npm 的預設下載源是在國外，下載速度極慢，仍要將其的下載源設定為淘寶。這裡要用到 npm 的下載源管理工具 nrm

npm 安裝 nrm，運行如下命令
npm i -g nrm // 第一次只能從國外下載 nrm ，有點慢，等等
下載完成後運行 nrm --version 成功看到版本號即安裝成功
運行 nrm ls 可查看到當前可用的下載源，如下，帶星號 * 的就是當前在使用的，預設是 npm
nrm use taobao 選擇使用淘寶下載源，即可！

npm 安裝命令#

全局安裝：

npm i -g 包名

或

npm install -g 包名

PS: i是 install的縮寫，g是 global的縮寫

全局卸載：

npm uninstall -g 包名

用 npm 全局安裝的包在哪裡？

C:\Users\Administrator\AppData\Roaming\npm\

不一定一樣，可以使用 which 使用npm全局安裝的包名 來查看位置，如：

也可以如下使用命令查看，在 node_modules 裡面

npm config get prefix

5. yarn 的安裝#

yarn 安裝#

yarn 是一個新的 JavaScript 語言的包管理工具，可用來代替 npm ，相比於 npm 要更快速、更穩定好用，安裝方法如下：

Yarn 官網

進去這個不用選擇版本，其根據你的電腦版本已經推薦好了版本，直接點擊下載安裝程式 .msi 檔即可，直接安裝，最好改下路徑，路徑中不要出現空格

安裝好 yarn 後 yarn --version 查看是否安裝成功

yarn 也是預設從國外下載的，但是因為已經安裝好了 npm 並配置好了 npm 的預設下載源，yarn 會自動檢測到 npm 的存在，並且自動設定成和 npm 一樣的下載源。

yarn config list 查看 yarn 相關的配置和下載源 registry

yarn config get registry 查看當前下載源

若不是和 npm 一樣，可以安裝 yarn 對應的源管理工具設定，和 npm 的 nrm 的用法一樣，yarn 對應的是 yrm 。

yarn global add yrm

然後 yrm use taobao

yarn 命令#

1. 全局安裝#

yarn global add 包名

2. 全局卸載#

yarn global remove 包名

3. 查看全局安裝目錄#

yarn global dir