Windows下Nodejs的開發環境搭建

我爲何選擇學習 Node.js

1. Node.js是先後端分離開發的新選擇。比較熱門的前端框架React，Vue均可以在Node.js環境上開發。
2. Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境，最新的v13.7.0（2020年）已經已經支持了超過90%的es6語法，雖然目前還未支持module import&export,不過相信這一天已經不遠了。

*暴力安裝法（可跳過）：

這不是我要介紹的推薦方法，因此火燒眉毛的想要體驗node.js的同窗能夠選擇此方法偷懶。

1. 登陸官網，選擇下載長期支持版LTS（優勢穩定），或者當前發佈版（優勢嚐鮮）

例如，我獲得文件node-v12.14.1-x64.msi

1. 雙擊運行.msi文件，一直點Next基本就完事了

安裝 node.js 版本管理工具 nvm

nvm全名node.js version management，顧名思義是一個nodejs的版本管理工具。經過它能夠安裝和切換不一樣版本的nodejs。

下載解壓

• 首先去 Github nvm-windows 下載最新版本的nvm-setup.zip，解壓後獲得nvm-setup.exe

安裝

1. 雙擊打開nvm-setup.exe
2. 看到第一步Licence Agreement窗口，選擇I agree the agreement，點擊Next>進入第二步。
3. 看到第二步Select Destination Location窗口，而後我選擇的 nvm 安裝目錄是 D:\dev\nvm , 點擊Next>進入第三步
4. 看到第三步Set Node.js Symlink窗口(設置符號連接)，我選擇的 nodejs 連接目錄是 D:\dev\nodejs , 點擊Next>進入第四步
5. 看到第四步Ready to Install窗口，點擊Install開始安裝

檢查環境變量變化

• 系統變量中新增了NVM_HOME和NVM_SYMLINK,如圖所示

• 系統變量 Path 的變量值中新增了%NVM_HOME%;%NVM_SYMLINK%

新的問題： nvm 命令找不到

現象

緣由分析：環境變量未生效

解決方案1：從新啓動計算機，環境變量會當即生效

解決方案2： 第一步，修改當前 dos 窗口的環境變量

set NVM_HOME
set NVM_SYMLINK
set PATH

第二步，關閉當前 dos 窗口，從新打開新的 dos 窗口，環境變量刷新了。

• dos 窗口的環境變量是 Windows 環境變量的一個副本，使用 set 命令僅是修改該副本，不會影響 Windows 環境變量。
• 使用 set 的方法觸發操做系統從新加載 Windows 環境變量，實現不重啓計算機，並刷新環境變量

爲 nvm 配置 node 和 npm 下載鏡像

在國內，訪問 https://nodejs.org 並下載文件是比較慢的，所以推薦淘寶鏡像http://npm.taobao.org/mirrors/：

打開 dos 窗口，執行如下命令：

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

**檢查 settings.txt ** D:\dev\nvm\settings.txt 文件中新增了兩行：

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

注意： nvm node_mirror https://npm.taobao.org/mirrors/npm/不 可寫做nvm node_mirror https://npm.taobao.org/mirrors/npm,少一個/會致使 nvm ls available / nvm install <version> 等命令不能正常運行。

安裝 nodejs 和 切換 nodejs 版本

1.查看本地安裝的全部版本；有可選參數available，顯示全部可下載的版本。

nvm list [available]

上圖表示是命令1查詢出來的列表。其中，LTS (Long Term Support), 表示長期支持版本。

2.安裝，命令中的版本號可自定義，具體參考命令1 查詢出來的列表

nvm install 12.14.1

上圖表示 node v12.14.1 保存在 D:\dev\nvm 下。 settings.txt 文件中設置的** root: D:\dev\nvm** ，而root 表示存儲不一樣版本node的目錄。

3.使用特定版本

nvm use 12.14.1

上圖表示使用 mvn use <version> 命令先後的變化。此時在 dos 窗口輸入命令 node -v將看到 v12.14.1

4.卸載

nvm uninstall 12.14.1

npm 與 nodejs 的關係

npm 是什麼？

• npm 有兩層含義，第一是npm這個開源的模塊登記和管理系統，也就是這個站點：https://www.npmjs.com ，第二個指的是 nodejs package manager 也就是nodejs的包管理工具。咱們主要說的就是這一個。

nodejs 安裝自帶 npm ？

• npm 是 Nodejs 平臺的默認包管理工具，因爲新版的 NodeJS 已經集成了 npm ，因此 npm 會隨同 NodeJS 一塊兒安裝。

嘗試用淘寶鏡像進行一次全局模式安裝

執行命令

npm install es-checker -g --registry https://registry.npm.taobao.org

ES-Checker 是 ES6 的功能偵測庫，感興趣的，能夠點擊連接前往瞭解。

npm 全局安裝位置在哪兒？

查閱 npm-folders 能夠知道

• Node Modules：在Unix系統上，全局安裝位於 {prefix}/lib/node_modules。 Windows上的全局安裝轉到 {prefix}/ node_modules （即沒有lib文件夾）。

• 可執行文件：在全局模式下，可執行文件在Unix上連接到 {prefix}/bin，在Windows上直接連接到**{prefix}** 。

• {prefix} config 默認爲節點安裝的位置。

查看 {prefix} 的保存位置

• npm config get prefix

• npm config ls -l

查看文件位置

• Node Module

• 可執行文件

npm 全局安裝過哪些模塊?

執行命令

npm ls -g -depth 0

運行結果

新的問題：切換 node 版本後還能找到以前安裝的模塊嗎？

執行命令

nvm install 8.17.0
mvn use 8.17.0
npm ls -g -depth 0

執行結果

問題描述 對比使用 v12.14.1 和使用 v8.17.0 的全局安裝模塊，咱們發現 mvn 切換 node 版本到 v8.17.0 後，竟然就找不到使用 v12.14.1 安裝的模塊了！

解決方案 在每一個版本的 nodejs 中，都會自帶 npm，爲了統一塊兒見，咱們安裝一個全局的 npm 工具，解決切換 node 版本形成原來下載過的包不可用的問題。

安裝一個全局 npm 工具

1.npm 配置 prefix

npm config set prefix D:\dev\nvm\global_modules
npm config get prefix

2.檢查結果 在 *C:\Users\{你的用戶名}* 下出現了一個文件 .npmrc 文件，文件中內容爲prefix=D:\dev\nvm\global_modules

**3.安裝全局 npm **

npm install npm -g --registry https://registry.npm.taobao.org

4.爲全局 npm 設置環境變量

• 新建變量 NPM_HOME=D:\dev\nvm\npm
• 修改 Path 變量值末尾的 ;%NVM_HOME%;%NVM_SYMLINK% -> ;%NPM_HOME%;%NVM_HOME%;%NVM_SYMLINK%

注意 %NPM_HOME% 必定要添加在 %NVM_SYMLINK%以前,因此就放在了最前面

5.檢查 where npm

6.再次嘗試 npm 全局安裝 es-checker

• 目標達成！可執行文件放入了 %NPM_HOME% ，模塊文件放入了 %NPM_HOME%\node_modules\

安裝 nrm 管理鏡像源

1.全局安裝 nrm

npm install nrm -g --registry https://registry.npm.taobao.org

2.查看鏡像 nrm ls

3.切換鏡像源 nrm use taobao

THE END

感謝

感謝如下幾篇文章帶來的思路和方法，排名不分前後

1. Windows環境下nvm的安裝及使用
2. nvm安裝與使用

*附錄1：nvm 命令提示

1. nvm arch ：顯示node是運行在32位仍是64位。
2. nvm install <version> [arch] ：安裝node， version是特定版本也能夠是最新穩定版本latest。可選參數arch指定安裝32位仍是64位版本，默認是系統位數。能夠添加--insecure繞過遠程服務器的SSL。
3. nvm list [available] ：顯示已安裝的列表。可選參數available，顯示可安裝的全部版本。list可簡化爲ls。
4. nvm on ：開啓node.js版本管理。
5. nvm off ：關閉node.js版本管理。
6. nvm proxy [url] ：設置下載代理。不加可選參數url，顯示當前代理。將url設置爲none則移除代理。
7. nvm node_mirror [url] ：設置node鏡像。默認是https://nodejs.org/dist/ 。若是不寫url，則使用默認url。設置後可至安裝目錄settings.txt文件查看，也可直接在該文件操做。
8. nvm npm_mirror [url] ：設置npm鏡像。https://github.com/npm/cli/archive/ 。若是不寫url，則使用默認url。設置後可至安裝目錄settings.txt文件查看，也可直接在該文件操做。
9. nvm uninstall <version> ：卸載指定版本node。
10. nvm use [version] [arch] ：使用制定版本node。可指定32/64位。
11. nvm root [path] ：設置存儲不一樣版本node的目錄。若是未設置，默認使用當前目錄。
12. nvm version ：顯示nvm版本。version可簡化爲v。