首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-02-09 14:01:11
原創
3022 人瀏覽過

一、安裝環境

1、本機系統:Windows 10 Pro(64位元)

2、Node.js:v6.9.2 LTS(64位元)

本文主要為大家介紹Node.js安裝及環境配置方法,本文的教學非常的詳細,希望能幫助大家。

二、安裝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是全域安裝的意思######

補充

透過npm安裝模組時都是去國外的鏡像下載的,有的時候因為網路原因會導致安裝模組失敗,好在阿里有團隊維護國內鏡像:http://npm.taobao.org/ 上面有使用說明。

相關推薦:

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

##快速掌握Node.js環境的安裝與運作方法_node.js

Windows安裝Node.js報錯:2503、2502怎麼辦

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!