Windows下Node.js 的安裝及環境配置

在這裏插入圖片描述

一.Node.js介紹

C:\Users\Milogenius\AppData\Roaming\Typora\typora-user-images

百度百科-node.js

二、Node.js下載

2.1.下載NodeJS安裝包

下載地址:Node.js下載

在這裏插入圖片描述
在開始之前,請確保安裝了 Node.js 的最新版本。使用 Node.js 最新的長期支持版本(LTS - Long Term Support),是理想的起步。

2.2.開始安裝

在這裏插入圖片描述
打開安裝包後,一直Next即可。當然,建議還是修改一下安裝位置,Node.js默認安裝位置爲C:\Program Files\nodejs,一般修改爲D盤相關位置即可.

安裝完成之後目錄如下所示:

在這裏插入圖片描述

此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理,也可以理解爲用來安裝/卸載Node.js需要裝的東西

2.3.驗證是否安裝成功

打開DOS命令界面:

node -v

在這裏插入圖片描述

如上圖所示,node.js版本號爲v12.13.0說明安裝成功!

npm -v

在這裏插入圖片描述

如上圖所示,說明npm工具也已安裝成功!

三、環境配置

說明:環境配置的目的主要是爲了改變安裝NodeJS依賴的下載位置,方便日後管理,以及配置緩存Cache的路徑。因爲NodeJS在執行安裝語句時,會將安裝的模塊默認安裝到C:\Users\用戶名\AppData\Roaming\npm,從而佔用C盤的空間。

3.1 創建npm模塊安裝目錄

安裝時,默認是使用國外的鏡像,速度較慢。推薦使用國內鏡像!
更換鏡像
推薦大家切換爲淘寶鏡像,不然後續測試安裝express可能會出現未知錯誤
在這裏插入圖片描述
在這裏插入圖片描述

分別在NodeJS安裝目錄下創建node_cachenode_global兩個文件夾,如上圖所示。
創建文件夾後,打開dos命令窗口,分別執行下面兩行命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

在這裏插入圖片描述

3.2 配置環境變量

我的電腦->右鍵->屬性->高級系統設置->高級->環境變量

img
在這裏插入圖片描述
其實看到這個變量值我開始是有一些疑問的,明明node_global是一個空文件夾,爲什麼這個值需要定義到一個不存在的文件夾上,原來後面node會自動創建。
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
接下來,我們將node.js的安裝路徑設置到系統變量裏面,方便在任何路徑下使用相關命令。

在這裏插入圖片描述

四、測試

我們先安裝一個express模塊試試
打開dos命令窗口,執行下面的命令

npm install express -g      # -g  是全局安裝的意思

在這裏插入圖片描述

安裝成功!
打開D:\nodejs\node_global\node_modules目錄

在這裏插入圖片描述

發現已經安裝好了,而這個位置就是我們在環境變量中配置的NODE_PATH的值!

特別說明:如果安裝時不加-g參數,則安裝的模塊就會安裝在當前路徑下,我上面的那個例子,如果我後面不加-g參數,則express模塊會 安裝在C:\Users)目錄下的node_ modules文 件夾中,該文件夾如果不存在會自動生成

參考文章
1.Node.js安裝及環境配置之Windows篇

發佈了141 篇原創文章 · 獲贊 158 · 訪問量 22萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章