安裝和配置Nodejs

安裝和配置Nodejs

Nodejs的安裝與配置在Windows上可以稱爲無腦操作,一直需要一直點擊下一步,選擇安裝路徑就可以了,你可以把它放在你想要放置的任何位置。最新版本的Nodejs會在下載的同時自動爲你安裝npm(node包管理器,node package manager),我們可以使用它下載node的第三方模塊,它們可能是一些寫好了的js模塊,可以在編程中直接爲我們所用,也可能是一些編程工具,腳手架生成器。在這章,我將把重點放在npm的配置上。

2.1 安裝Nodejs

nodejs中穩定版本採用偶數位,奇數爲非穩定版本。我推薦你從官網上下載最新的node穩定版本,然後無腦地安裝到你想要的位置。安裝完成後,右擊【計算機】->【屬性】->【高級系統設置】->【環境變量】,請檢查你的系統變量裏的path一項中是否添加了一條新的路徑,值是你安裝node的路徑,若是沒有,請手動添加上。

2.2 配置npm的路徑

這一章節可能會令你有些迷惑,因爲你還沒有切身敲過node,還不知道node模塊指的是什麼。但這沒有關係,因爲在接下來的章節中,我們會對npm的用法進行細緻的講解,你現在需要做的只是按照教程把npm先配置好。

如上文所說,我們可以使用npm下載node的第三方模塊。你現在就可以開始使用npm的第一次嘗試:

同時按下【開始】+【R】會打開windows的運行命令,輸入cmd後選擇打開即可。之後,使用cd命令將路徑調整到你的項目路徑。如果你使用的是IDE(比如WebStorm),你可以直接在這些IDE的終端進行命令行操作,它會自動的把路徑調整到你的當前項目路徑。

輸入命令

npm install express

這時你就會發現,npm會在你的路徑下下載express模塊的相應文件,並把這些文件放在一個叫做node_modules的文件夾下。我們會在接下來的章節教會你如何使用這些模塊。

在使用npm下載和安裝node模塊時,分爲全局安裝和局部安裝兩種。二者最明顯的區別在於再輸入安裝命令時,全局安裝爲:npm install XXX -g,而局部安裝則是:npm install XXX。(XXX爲要安裝的模塊名,比如:npm install express)全局安裝的模塊每個計算機只需安裝一次,所有Nodejs項目共同使用。而局部安裝的模塊在每個項目中都需要安裝一次。有些模塊被推薦全局安裝,而有些更模塊適合局部安裝。

默認情況下,全局安裝的模塊將會被安裝到C:\Users\Administrator\AppData\Roaming\npm下,你可以通過設置改變這些全局模塊的安裝路徑。

例如:我想把這些模塊安裝到node文件夾下的node_global文件夾下(文件夾需要自己創建),我可以通過輸入如下命令改變默認設置(地址爲文件夾的絕對路徑):

npm config set prefix “D:\node\node_global”

一般情況下,我們還會設置一下緩存的地址(先創建一個叫node_cache的文件夾):

npm config set cache “D:\node\node_cache”

然而自己設置全局模塊的路徑有一個的“壞處”,當你想要通過npm安裝並使用webpack或者fis3等前端開發工具的時候,windows並不“知道”你把默認的路徑改了。所以當你在cmd命令行中輸入webpack等等命令時,命令行會提示你:“XXX不是內部或外部命令,也不是可運行的程序或批處理文件。”

爲了解決這個問題,我們需要配置windows的環境變量。首先在“系統變量”中新建,新建一個名爲NODE_PATH的變量,變量值爲:之前新建的用於存放全局模塊的文件夾中的node_modules文件夾的絕對路徑。(告訴系統 用戶下載的全局模塊在此處),同時,你需要爲path變量添加一個屬性,指向你的node_global文件夾:D:\node\node_global,這主要是針對webpack等需要全局環境的工具而設置的。

注意:當我們設置了環境變量後,需要重新啓動命令行纔有效(包括IDE終端的命令行,這甚至需要重新啓動IDE)。

另外說一點,上述的設置有可能對於實現某一個功能來說只需要設置其中一部分就可以了,但我推薦你最好一次性設置妥當。

發佈了42 篇原創文章 · 獲贊 67 · 訪問量 24萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章