Windwos安裝Node.js和npm的詳細步驟

How to Install Node.js and NPM on Windows

Node和npm

由於Node.js裏包含npm，安裝node的時候會自動將npm也安裝在本地，而且npm就是Node.js的包管理工具(package manager)，npm = node package manager
參考：https://www.npmjs.com/about
因此，安裝node默認就會安裝npm，安裝npm最簡單的方式就是安裝node。
參考：https://docs.npmjs.com/downloading-and-installing-node-js-and-npm#using-a-node-installer-to-install-nodejs-and-npm

安裝Node通常使用2種安裝方式，

• 使用nvm(Node版本控制器 Node version manager)安裝
• 直接去官網下載Node.exe安裝包，雙擊運行便可安裝

使用安裝包安裝node

直接從官網下載安裝包：https://nodejs.org/en/
通常學習的時候都是下載最新版本(current)

下面有詳細的安裝步驟，其實很簡單，除了 Step 4 要勾選 「Automatically install ...」 ，其餘所有默認 Next... 就行了。

安裝有以下步驟：
Step 1 End-User License Agreement
用戶許可，勾選"I accept the terms in the License Agreement"，而後Next...

Step 2 Destination Folder
目標文件夾，nodejs的安裝目錄，到時候會把node、npm等執行程序都放到整個目錄下，我以爲默認就挺好，直接Next...
個人默認路徑是：C:\Program Files\nodejs\

Step 3 Custom Setup
自定義設置：

• Node.js runtime [Install the core Node.js runtime. Node]
• npm package manager [Install npm, the recommentded package manager for Node.js.]
• Online documentation shortcuts [Add start menu entries that link the online documentation for Node.js and the Node.js website.]
• Add to PATH [Add Node.js, npm, and modules that were globally installed by npm to the PATH environment variable.]
  • Node.js and npm [Add Node.js and npm(if installed) to the PATH environment variable.]
  • npm modules [Add modules that are installed globally by npm to the PATH environment variable. This option works for the current user only; other users need o update their]

這裏共有4個大項：

1. 安裝Node核心模塊
2. 安裝npm
3. 安裝文檔
4. 把Node和npm及其模塊添加到環境變量

這裏能夠看到1和2就是Node核心程序和npm，安裝Node的時候，默認會把Node和npm都安裝上了。
另外4是把Node和npm添加到環境變量，若是不選，以後在cmd窗口想運行node、npm等執行程序會報錯，系統找不到指定文件，固然也能夠再手動配置。
這裏建議全選，其實也就是默認選項，直接 Next...

Step 4 Tools for Native Modules
本機模塊工具

Tools for Native Modules
Optionally install the tools necessary to compile native modules.

Some npm modules need to compiled from C/C++ when installing. If you want to be able to install such modules, some tools(Python 2 and Visual Studio Build Tools) need to be installed.

Automatically install the necessary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the installation copletes.

Alternatively, follow the instructions at  https://github.com/nodejs/node-gyp#on-windows to install the dependencies yourself.

這是在告訴會給你自動安裝2個工具：

• 構建工具(Python 2和Visual Studio構建工具)
• Chocolatey

構建工具是由於一些npm模塊須要使用C/C++編譯，若是想要編譯這些模塊，則須要安裝這個工具。若是不安裝這個構建工具，在以後使用 npm 安裝模塊的時候，會報錯：

gyp ERR! find Python

若是見到這個錯誤，知道是由於沒有安裝 構建工具。
構建工具和 Chocolatey 都是必裝的，若是如今沒有安裝，能夠以後再手動安裝，提示裏已經給出了相關解釋：https://github.com/nodejs/node-gyp#on-windows
該提示還告訴你 Chocolatey 會在後面彈出一個 cmd 來安裝。

爲了不之後麻煩，這裏強烈建議選擇「Automatically install ...」 ，而後 Next...

Step 5 Ready to install Node.js

Click Install to begin the installation. Click Back to review or change any of your installation settings. Click cancel to exit the wizard.

這一步就是告訴你，若是設置沒問題，那就要開始安裝了，點擊 Next...

Okay, 開始安裝，若是系統彈出是否容許控制權限，則按「是」。

Step 6 Completed the Node.js Setup Wizard
這是告訴你安裝完成了，這幾句英文連我都能看懂的話，那應該誰都能看懂了。而後點擊 Finish...

[可選]Step 7 自動安裝 Chocolatey
剛纔 Step 4 提到的自動安裝npm構建工具和Chocolatey，而Chocolatey就是在這時候經過cmd安裝的。
因此若是在 Step 4 選擇了「Automatically install...」，按Finish以後，會彈出一個cmd，咱們在cmd窗口「按任意鍵繼續」，而後只要等待安裝完成便可。
若是這時關閉cmd窗口或者在 Step 4 沒有選擇「Automatically install...」，則按Finish以後安裝步驟所有完成，不會彈出cmd窗口（不會安裝這2個工具）。

等待cmd窗口按任意鍵繼續，而後等待自動安裝完成，一切都搞定。

查看是否安裝完成

方法1：安裝完成後，查看安裝目錄，會發現目錄下已經有咱們安裝的node和npm，具體：

• node.exe 咱們須要的node
• npm 咱們須要的npm
• npx npm的二進制文件執行工具
• node_modules 模塊文件夾

方法2：安裝完成後打開 cmd(或powershell)，輸入命令 node -v 或者 npm -v 來查看node當前版本號或者npm當前版本。

> node -v
v13.1.0
> npm -v
6.12.1

常見錯誤

常見錯誤1：

‘npm’不是內部或外部命令，也不是可運行的程序

這是由於沒有指定運行文件的位置，因此cmd找不到這個運行文件，能夠手動添加 Windows 環境變臉。

手動配置 Windows 環境變量：
若是 step 3 沒有選擇「把Node和npm及其模塊添加到環境變量」，那在使用npm或者node命令的時候，由於cmd找不到運行程序，這時候須要能夠手動配置 Windows 環境變量。
（固然，還能夠卸載了從新裝，記得在 step 3 把全部安裝想都裝上）

前面說過，個人默認安裝路徑是 C:\Program Files\nodejs\ ，因此咱們要添加的環境變量就是這個路徑，添加完成以後，Windows 系統就能經過環境變量找到這個執行文件。
操做方式：

1. 右鍵「個人電腦」
2. 選擇「屬性」
3. 在左側欄選擇「高級系統設置」
4. 選中選項卡「高級」
5. 點擊右下角「環境變量(N)」
6. 系統環境變量(s) ，雙擊變量名爲「path」哪一行，添加 C:\Program Files\nodejs\
7. 而後再打開 cmd 運行命令則一切正常。

> node -v
v13.1.0
> npm -v
6.12.1

這樣目前看來一切都正常了，不過我發現若是是 step 3 選擇自動添加環境變量的話，在「{user}的用戶變量(U)」，也會配置一個環境變量。
雙擊「{user}的用戶變量(U)」下的變量名爲「Path」哪一行，添加值：
C:\Users\{user}\AppData\Roaming\npm

{user} 是你係統的當前用戶名

常見錯誤2：

gyp ERR! find Python

這個錯誤的詳細信息其實提示的很明確，就是沒有安裝 Python。
這個錯誤詳細信息以及如何解決，如何手動安裝這些工具，看這裏：

---

固然，node安裝卸載很是方便，若是發現漏了任何文件或者設置，有個簡單的辦法就是卸載了從新安裝。