1. 程式人生 > >node、npm安裝教程

node、npm安裝教程

建議 默認 驅動 阻塞 技術 1.4 nis 文件夾 系列

描述:

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。 Node.js 的使用包管理器 npm來管理所有模塊的安裝、配置、刪除等操作,使用起來非常方便,但是想要配置好npm的使用環境還是稍微有點復雜,下面跟著我一起來學習在windows系統上配置NodeJS和NPM吧。

一、安裝NodeJS和NPM

1.1、打開NodeJS的官網,默認的情況主頁就提供了Windows版本的下載鏈接,我們下載8.9.4 LTS版,LTS代表長期支持版本,一般新手建議使用這個版本,因為這個版本使用的人最多,出問題能找到解決方案的概率較大。如下圖所示:

技術分享圖片

1.2、下載完成後雙擊下載好的nodejs-v8.9.4-x64文件開始安裝,點擊next進入下一步,勾選同意協議,繼續下一步。然後選擇安裝的位置,默認是在C盤,改成D盤安裝,這是個好習慣,建議保持。然後進入模塊配置步驟。

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

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

1.3、這一步是選擇安裝哪些模塊,默認是全部安裝,對於新手來說建議全部安裝。點開那個add path選項前面的+號,我們看到,會主動把NodeJS和NPM這兩個模塊的命令路徑添加到系統路徑裏,對於我們來說就非常方便了。點擊next繼續下一步,然後確認信息,點擊Install開始安裝,然後程序就開始復制文件等一系列步驟。一直到安裝完畢。

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

技術分享圖片

1.4、安裝完畢後點擊finish結束安裝進程,然後在桌面圖標上點右鍵,點運行。輸入cmd後敲回車,在打開的命令行界面,依次輸入命令:

node -v

npm -v

如果正確輸出版本號,說明我們的NodeJS和NPM就安裝好了,如下圖所示:

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

二、配置NodeJS和NPM

2.1、並不是說NodeJS和NPM安裝好了以後就能直接使用了,這也是新手經常犯的一個錯誤之一。因為默認情況下,NPM安裝的模塊並不會安裝到NodeJS的程序目錄,比如上面安裝的時候我們設置的D:\Program Files\nodejs\目錄,我們用個示例來看一下,我們先用npm安裝一個cluster模塊,如下面第一張圖所示,執行命令:

npm install cluster

從圖中可以看到,默認情況下把一下信息保存到C:\Users\v1\目錄下,我們打開這個目錄看看。可以看到這個目錄底下有個node_modules目錄,點開一看,如下面第二張圖所示:

技術分享圖片

2.2、可以看到把cluster目錄裝到了這個目錄下面,這就說明,如果不修改npm的模塊安裝目錄,那麽它默認情況下都會安裝到這裏,隨著你測試開發各種不同的項目,安裝的模塊越來越多,那麽這個文件夾的體積會越來越大,直到占滿你的C盤。這就是為什麽要修改npm的配置的原因。

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

2.3、這裏我們要分兩步,第一步修改NPM的緩存目錄和全局目錄路徑,將對應的模塊目錄改到D盤nodejs的安裝目錄,第二步是配置npm和nodejs的環境變量,這樣nodejs才能正確地調用對應的模塊。

我們先來做第一步,在D盤nodejs目錄下創建兩個目錄,分別是node_cache和node_global,這是用來放安裝過程的緩存文件以及最終的模塊配置位置。配置完成後,執行下面這兩個命令:

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

將npm的全局模塊目錄和緩存目錄配置到我們剛才創建的那兩個目錄:

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

2.4、然後我們打開cmd命令行界面,在使用命令安裝剛才的cluster模塊,命令如下:

npm install cluster -g

然後打開剛才創建的node_global目錄,可以看到此時cluster目錄就安裝到這個目錄底下了。

技術分享圖片

2.5、然後我們來配置npm的環境變量和nodejs的環境變量。在計算機圖標上點右鍵,選屬性,然後點擊高級系統配置,彈出來的新窗口右下角有個環境路徑,點擊去,就能看到環境路徑的配置界面,我們點擊新建。然後在彈出來的窗口裏,變量名填:NODE_PATH

變量值填:D:\Program Files\nodejs\node_modules\

填寫好後點確定,然後就能看到我們配置好的NPM環境路徑。

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

2.6、此時還需要修改一些nodejs默認的模塊調用路徑,因為模塊的安裝位置變了,如果nodejs的命令還到原來的位置去找,肯定是找不到安裝的模塊了。我們在環境變量窗口,選擇Path,然後點擊右下角的編輯,然後選擇npm那個。點擊右邊的編輯,將其修改為:D:\Program Files\nodejs\node_global\

然後點確定,保存這個配置。

技術分享圖片

技術分享圖片

技術分享圖片

2.7、這個時候所有的配置工作才算完成了,然後打開一個新的cmd窗口。先輸入命令:

node

進入nodejs的交互式命令控制臺,然後輸入:

require(‘cluster‘)

如果能正常輸出cluster模塊的信息,說明上面的所有配置就算生效了。

技術分享圖片

2.8、我們還需要做的最後一個工作是,將npm的模塊下載倉庫從默認的國外站點改為國內的站點,這樣下載模塊的速度才能比較快,只需要一個命令即可,命令是:

npm --registry https://registry.npm.taobao.org install cluster

上面的命令是臨時使用國內一家npm源的地址來安裝cluster模塊。從下面圖中可以看到,速度非常快。只用了不到0.8秒。而我們上面第一次安裝的時候用了差不多3秒多,速度快了3倍多。

如果想一直使用這個源的地址,那麽可以使用下面這個命令來配置。

npm install -g cnpm --registry=registry_url

registry_url指的是國內提供的一些npm倉庫地址,常用的有:

https://registry.npm.taobao.org

http://r.cnpmjs.org/

這兩個都可以使用。如下面第二張圖所示,配置好國內源後,安裝一個較大的模塊express,只用了不到6秒多一點,速度提升還是非常可觀的。至此,nodejs和npm在windows上的配置就全部完畢。

技術分享圖片

node、npm安裝教程