node.js環境搭建超詳細圖文教程
身為一名Java開發者對前端充滿無限的好奇,於是開始踏入前端的領地。要想先學習,搭建環境是必備,所以整理一篇node.js環境搭建教程。
Node.js 是一個讓 JavaScript 執行在服務端的開發平臺
官網 ofollow,noindex" target="_blank">https://nodejs.org
下載
下載地址 https://nodejs.org/en/download/
本次下載 LTS長期支援版 , .zip解壓版本 (當然也可以使用安裝版.msi),點選右側[64-bit]即可下載.
解壓
解壓到自己所要存放的資料夾中,如圖:

解壓完成後會有 node-v8.12.0-win-x64 資料夾
配置環境變數
[我的電腦]-右鍵->[屬性]-左側->[高階系統設定]-下側->[環境變數]
圖示:




想要在cmd黑視窗中使用node命令,需要在path中加入node安裝路徑,點選 編輯 按鈕,新增node安裝路徑。
以下是win10的介面,點選 編輯文字 按鈕即可切換至和win7一樣的介面。


D:\aqqaz\dev\node\node-v8.12.0-win-x64是我的安裝目錄,請換成自己的目錄 !!!!!!
或者 在編輯框中加上,對應自己的node路徑
;D:\aqqaz\dev\Java\jdk1.8.0_181\bin;
這樣node.js基本環境就配置完成
測試node環境
快捷鍵win+R,輸入cmd,點選確定按鈕


輸入node -v
返回node版本
輸入npm -v
返回npm版本
表示環境變數配置成功
此處說明下:新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理,也可以理解為用來安裝/解除安裝Node.js需要裝的東西.
配置環境變數(npm)
此處主要配置的是npm安裝的全域性模組所在的路徑和快取cache的路徑,因為在以後使用node.js的時候會經常使用nmp命令來下載包,比如 npm install express [-g] (後面的可選引數-g,g代表global全域性安裝的意思)的安裝語句時,會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中,佔C盤空間.
在安裝node的目錄下,node-v8.12.0-win-x64下新建資料夾 node_cache 和 node_global
node_cache存放快取,node_global下載的包
如圖

然後,在node中設定,win+R 執行cmd,進入黑視窗。
輸入
npm config set prefix "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global"
回車
npm config set cache "D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_cache"
D:\aqqaz\dev\node\node-v8.12.0-win-x64是我的安裝目錄,請換成自己的目錄 !!!!!!

在環境變數中新建,新增 變數名 【NODE_PATH】,變數值【D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules】,確定
D:\aqqaz\dev\node\node-v8.12.0-win-x64是我的安裝目錄,請換成自己的目錄 !!!!!!

在【Path】中新增D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global

更換淘寶映象
使用nmp下載包的時候,很多包都是國外的,所以配置映象會比較快,
檢視當前使用的映象地址,在黑視窗輸入npm get registry
返回> https://registry.npmjs.org/
更換成阿里的映象,在黑視窗輸入npm config set registry http://registry.npm.taobao.org/
如圖

測試
安裝個module測試下,我們就安裝最常用的express模組,開啟cmd視窗,
輸入如下命令進行模組的全域性安裝:
npm install express -g # -g是全域性安裝的意思

安裝成功
D:\aqqaz\dev\node\node-v8.12.0-win-x64\node_global\node_modules目錄下會出現express資料夾
