首頁 > web前端 > js教程 > Node.js安裝及環境配置的圖文教學

Node.js安裝及環境配置的圖文教學

小云云
發布: 2018-03-06 16:48:15
原創
3807 人瀏覽過
一、安裝環境

1、本機系統:Windows 10 Pro(64位元)
2、Node.js:v6.9.2LTS(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-v6.9.2-x64.msi,如下圖:

四、開始安裝

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


#點選【Next】按鈕


勾選【Next】按鈕


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


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

至此Node.js已經安裝完成,可以先進行下簡單的測試安裝是否成功了,後面還要進行環境配置
在鍵盤按下【win+R】鍵,輸入cmd,然後回車,打開cmd視窗

##安裝完後的目錄如下圖:

此處說明下:新版的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\node_modules】,將【使用者變數】下的【Path】修改為【D :\Develop\nodejs\node_global】


#############################################六、測試######配置完後,安裝個module測試下,我們就安裝最常用的express模組,開啟cmd窗口,###輸入如下指令進行模組的全域安裝:###
npm install express -g     # -g是全局安装的意思
登入後複製
## ##########相關推薦:###

Node.js安裝教學與NPM套件管理器使用詳解_node.js

#

以上是Node.js安裝及環境配置的圖文教學的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板