windows 上優雅的安裝 node 和 npm

• 2019 年 12 月 4 日
• 筆記

本文作者：IMWeb 江源 原文出處：IMWeb社區 未經同意，禁止轉載

我一直覺得我掌握的這份優雅是被許多人所知道了，直到我發現小夥伴們都下載 .msi 來裝 node ，我心中的優雅感終於壓制不住。

.msi 安裝

windows 的一鍵安裝包，應該是最簡單的 node 安裝方式，但存在幾個缺陷。

• 比如不能安裝多個 node 版本，現在 node 的版本就像火箭似的，所以多個 node 版本並行的需求還是很強烈。
• 一鍵安裝對 npm 的理解也存在問題，我們完全不知道安裝過程中，和 npm 相關的目錄有哪些，以及怎樣配置這些目錄。

多版本的方式當然可以去找些 nvm-windows 之類的解決方案，所以這裡著重講解和 npm 相關的東西。

優雅安裝

目錄

新建一個目錄專門了管理 node 和 npm 。 比如在 E 盤下新建一個目錄 NODE ，如下：

E:NODEnode  E:NODEnpm-global  E:NODEnpm-cache

node 目錄用來存放 node.exe ，當然可以放多個版本； npm-global 是 npm i xxxxx -g 的安裝目錄； npm-cache 是 npm 的快取目錄，避免相同的包每次都聯網下載。

下載 .exe

下載可執行文件(.exe)，放入上述 node 目錄，這時候的目錄如下：

E:/NODE/      node/          node.exe          node-v0.12.0.exe      npm-global/      npm-cache

可以存放多個 node 版本，在命令行中可以如下使用：

node --version  node-v0.12.0 --version

當然，你現在直接運行上述命令會報錯，因為 node 沒有配置到環境變數。 E:NODEnode 和 E:NODEnpm-global 都要配置到環境變數。 怎樣配置環境變數就不是本文關注的了。

npm

目前為止，我們可以在命令行中執行 node 命令了，而且可以多版本共存。接下來我們要讓 npm 命令順心如意。

下載安裝 npm

第一次要手動下載並安裝 npm 。 在上述 npm-global 目錄下新建 node_modules 目錄。 來這裡下載一個最新版的 npm ，將其解壓至 node_modules 目錄下，並將 npm-x.x.x 重命名為 npm 。 這時整體目錄如下：

E:/NODE/      node/      npm-global/          node_modules/              npm/                  bin/                  xxx      npm-cache

將 bin 目錄下的 npm 文件和 npm.cmd 文件拷貝至 npm-global 目錄下，這個時候應該就可以執行 npm --version 命令了。

設置 npm 的相關目錄

不急著執行 npm install 命令。 我們建了 npm-global 和 npm-cache ，是時候把它們利用起來了。

npm config set prefix "E:NODEnpm-global" # npm install -g xxx 的包都會裝到這個目錄  npm config set cache "E:NODEnpm-cache" # 快取都會裝到這個目錄

現在試著安裝一個包：

npm i -g es-checker  es-checker

回顧下，我們現在講所有 node 相關的東西全集中在 E:NODE 目錄中，並且指定了 npm 的安裝目錄，npm 對我們不再是黑箱。 優雅安裝方式結束。