溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Windows下Node.JS的安裝及環(huán)境配置

發(fā)布時間:2021-07-20 17:51:41 來源:億速云 閱讀:1505 作者:chen 欄目:web開發(fā)

這篇文章主要講解了“Windows下Node.JS的安裝及環(huán)境配置”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“Windows下Node.JS的安裝及環(huán)境配置”吧!

 一、安裝環(huán)境

1、本機系統(tǒng):Windows 10 Pro(64位)

2、Node.js:v12.14.1(64位)

二、安裝Node.js步驟

1、下載對應(yīng)你系統(tǒng)的Node.js版本: https://nodejs.org/en/download/

2、選安裝目錄進(jìn)行安裝

3、環(huán)境配置

4、測試

5、阿里鏡像cnpm使用

三、前期準(zhǔn)備

1、Node.js簡介

簡單的說 Node.js 就是運行在服務(wù)端的 JavaScript。Node.js 是一個基于 Chrome V8 引擎的 JavaScript  運行環(huán)境。Node.js 使用了一個事件驅(qū)動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態(tài)系統(tǒng)。

2、下載Node.js

打開官網(wǎng)下載鏈接:https://nodejs.org/en/download/  我這里下載的是node-v12.14.1-x64.msi,如下圖:

Windows下Node.JS的安裝及環(huán)境配置

四、開始安裝

1、下載完成后,雙擊“node-v12.14.1-x64.msi”,開始安裝Node.js

Windows下Node.JS的安裝及環(huán)境配置

點擊【Next】按鈕

Windows下Node.JS的安裝及環(huán)境配置

勾選復(fù)選框,點擊【Next】按鈕

Windows下Node.JS的安裝及環(huán)境配置

修改好目錄后,點擊【Next】按鈕

Windows下Node.JS的安裝及環(huán)境配置
Windows下Node.JS的安裝及環(huán)境配置

安裝完后點擊【Finish】按鈕完成安裝

Windows下Node.JS的安裝及環(huán)境配置

至此Node.js已經(jīng)安裝完成,可以先進(jìn)行下簡單的測試安裝是否成功了,后面還要進(jìn)行環(huán)境配置

在鍵盤按下【win+R】鍵,輸入cmd,然后回車,打開cmd窗口

Windows下Node.JS的安裝及環(huán)境配置 
Windows下Node.JS的安裝及環(huán)境配置

安裝完后的目錄如下圖所示:

Windows下Node.JS的安裝及環(huán)境配置

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

五、環(huán)境配置

說明:這里的環(huán)境配置主要配置的是npm安裝的全局模塊所在的路徑,以及緩存cache的路徑,之所以要配置,是因為以后在執(zhí)行類似:npm install  express [-g]  (后面的可選參數(shù)-g,g代表global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中,占C盤空間。

例如:我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中,則在我安裝的文件夾【D:\Develop\nodejs】下創(chuàng)建兩個文件夾【node_global】及【node_cache】如下圖:

Windows下Node.JS的安裝及環(huán)境配置

創(chuàng)建完兩個空文件夾之后,打開cmd命令窗口,輸入

npm config set prefix "D:\Develop\nodejs\node_global"npm config set cache "D:\Develop\nodejs\node_cache"
Windows下Node.JS的安裝及環(huán)境配置

接下來設(shè)置環(huán)境變量,關(guān)閉cmd窗口,“我的電腦”-右鍵-“屬性”-“高級系統(tǒng)設(shè)置”-“高級”-“環(huán)境變量”

Windows下Node.JS的安裝及環(huán)境配置

進(jìn)入環(huán)境變量對話框,在【系統(tǒng)變量】下新建【NODE_PATH】,輸入【D:\Develop\nodejs\node_global\node_modules】,將【用戶變量】下的【Path】修改為【D:\Develop\nodejs\node_global】

Windows下Node.JS的安裝及環(huán)境配置 
Windows下Node.JS的安裝及環(huán)境配置
Windows下Node.JS的安裝及環(huán)境配置
Windows下Node.JS的安裝及環(huán)境配置

六、測試

配置完后,安裝個module測試下,我們就安裝最常用的express模塊,打開cmd窗口,

輸入如下命令進(jìn)行模塊的全局安裝:

npm install express -g     # -g是全局安裝的意思
Windows下Node.JS的安裝及環(huán)境配置

七:阿里鏡像cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 通過npm安裝模塊時都是去國外的鏡像下載的,有的時候由于網(wǎng)絡(luò)原因會導(dǎo)致安裝模塊失敗,好在阿里有團(tuán)隊維護(hù)國內(nèi)鏡像:http://npm.taobao.org/  上面有使用說明

  • 其實更推薦大家用yarn,因為更快,安裝地址:https://yarnpkg.com/zh-Hans/docs/install

感謝各位的閱讀,以上就是“Windows下Node.JS的安裝及環(huán)境配置”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對Windows下Node.JS的安裝及環(huán)境配置這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI