首頁 > web前端 > js教程 > 關於NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數的介紹

關於NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數的介紹

不言
發布: 2018-06-30 15:35:28
原創
2861 人瀏覽過

本篇文章主要介紹了NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數詳解,具有一定的參考價值,有興趣的夥伴們可以參考一下

1、windows下的NodeJS安裝是比較方便的(v0.6.0版本之後,支援windows native),只要登陸官網(http://nodejs.org/),便可以看到首頁的「INSTALL」按鈕,直接點擊就會自動下載安裝了。

2、安裝過程基本上直接「NEXT」就可以了。 (windows的安裝msi檔案在過程中會直接加入path的系統變量,變數值是你的安裝路徑,例如「C:\Program Files\nodejs」)。

3、安裝完成後可以使用cmd(win r然後輸入cmd進入)測試下是否安裝成功。方法:在cmd下輸入node -v,出現下圖版本提示就是完成了NodeJS的安裝。

關於NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數的介紹

5、常規NodeJS的搭建到現在為止已經完成了,急不及待的話你可以在」cmd「輸入」node「進入node開發模式下,輸入你的NodeJS第一句:”hello world“ - 輸入:console.log('hello world')。

6、npm作為一個NodeJS的模組管理,之前我由於沒有系統地看資料所以導致安裝配置模組的時候走了一大段彎路,所以現在很有必要列出來記錄下。

①、我們要先配置npm的全域模組的存放路徑以及cache的路徑,例如我希望將以上兩個資料夾放在NodeJS的主目錄下,便在NodeJs下建立"node_global"及"node_cache"兩個資料夾。如下圖


②、啟動cmd,輸入

npm config set prefix "C:\Program Files\nodejs\node_global"
以及
npm config set cache "C:\Program Files\nodejs\node_cache"
登入後複製

③、現在我們來裝個模組試試,選擇express這個比較常用的模組。同樣在cmd命令列裡面,輸入「npm install express -g」(「-g」這個參數意思是裝到global目錄下,也就是上面說設定的「C:\Program Files\nodejs\node_global」裡面。) 。待cmd裡面的安裝過程滾動完成後,會提示「express」裝在了哪、版本還有它的目錄結構是怎麼樣。如下圖


④、關閉cmd,開啟系統對話框,「我的電腦」右鍵「屬性」-「進階系統設定」-「高級”-“環境變數”。如下圖

關於NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數的介紹

2014.4.19新增:由於改變了module的預設位址,所以上面的使用者變數都要跟著改變一下(使用者變數"PATH"修改為「C:\Program Files\nodejs\node_global\」),要不使用module的時候會導致輸入指令出現「xxx不是內部或外部指令,也不是可執行的程式或批次檔」這個錯誤。

⑥、以上步驟都OK的話,我們可以再次開啟cmd命令列,進入node,輸入「require('express')」來測試下node的模組全域路徑是否配置正確了。正確的話cmd會列出express的相關資訊。如下圖(如出錯一般都是NODE_PATH的配置不對,可以檢查下第④⑤步)


##7、結束語。

以上便是本人在安裝配置NodeJS的時候的操作,由於新手的緣故,借助了google查閱了很多資料,希望對剛開始接觸NodeJS的朋友都有點幫助。

PS:我現在用的IDE是Sublime text 2 NodeJS的插件這個組合,能夠在Sublime裡面直接編譯node的程序,挺方便的。


以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

深入解析node.js的exports、module.exports與ES6的export、export default

基於webpack4搭建的react專案框架的方法

以上是關於NodeJS、NPM安裝設定步驟(windows版本) 以及環境變數的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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