1. 程式人生 > WINDOWS開發 >Node.js安裝及環境配置之Windows篇

Node.js安裝及環境配置之Windows篇

一、安裝環境

1、本機系統:Windows 10專業版(64位)
2、Node.js:node-v12.16.2-x64(64位)

二、安裝Node.js步驟

1、下載對應你係統的Node.js版本:https://nodejs.org/en/download/
2、選安裝目錄進行安裝
3、環境配置
4、測試

三、前期準備

1、Node.js簡介


簡單的說 Node.js 就是執行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器

npm,是全球最大的開源庫生態系統。

2、下載Node.js


開啟官網下載連結:https://nodejs.org/en/download/ 我這裡下載的是node-v12.16.2-x64.msi,如下圖:

技術分享圖片

四、開始安裝

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

技術分享圖片


點選【Next】按鈕

技術分享圖片


勾選複選框,點選【Next】按鈕

技術分享圖片


修改好目錄後,點選【Next】按鈕

技術分享圖片 技術分享圖片


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

技術分享圖片

至此Node.js已經安裝完成,接下來進行環境配置

五、環境變數配置

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

技術分享圖片

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

說明:這裡的環境配置主要配置的是npm安裝的全域性模組所在的路徑,以及快取cache的路徑,之所以要配置,是因為以後在執行類似:

npm install express [-g] (後面的可選引數-g,g代表global全域性安裝的意思)的安裝語句時,會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中,佔C盤空間。


例如:我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中,則在我安裝的資料夾【D:\Develop\nodejs】下建立兩個資料夾【node_global】及【node_cache】如下圖:

技術分享圖片

建立完兩個空資料夾之後,開啟cmd命令視窗,輸入

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

接下來設定環境變數,關閉cmd視窗,“我的電腦”-右鍵-“屬性”-“高階系統設定”-“高階”-“環境變數”

技術分享圖片

進入環境變數對話方塊,在【系統變數】下新建【NODE_PATH】,輸入【D:\Develop\nodejs\node_global\】,將【系統變數】下的【Path】新增【D:\Develop\nodejs\】、 【D:\Develop\nodejs\node_modules】,新增完點選完成確定

到這裡再次開啟cmd執行看一下node和npm是否整的安裝成功

技術分享圖片

配置完後,安裝個module測試下,我們就安裝最常用的express模組,開啟cmd視窗,
輸入如下命令進行模組的全域性安裝:

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

技術分享圖片

下載簡歷連結國內映象進行下載

npm install -g @vue/cli-init --registry=https://registry.npm.taobao.org

參考:https://www.cnblogs.com/liuqiyun/p/8133904.html