node環境配置【淘寶鏡像+安裝包指定位置+cnpm】


===node更新========

1、npm更新
查看npm版本: npm -v
更新到最新版本: npm install npm@latest -g
二、node更新
查看node版本:node -v
因為在Windows下是沒有n模塊的,所以只能去官網下載最新node包,然后老老實實在原路徑下安裝
(1)查看node原來的安裝路徑命令:where node
(2)node官網.

三、node和npm一起更新
有些時候上面的兩種方法更新會帶來很多錯誤,可以如下做:

卸載node和npm(具體做法就是直接刪了這些文件夾,卸載干凈)
下載最新版本的nodejs然后安裝(安裝包會把node和npm一起安上)
一些項目,比如vue的node_modules要刪掉然后重新npm install才能啟動
————————————————

https://blog.csdn.net/u010607527/article/details/102251991

注:先用windows命令行安裝,而不是直接用vscode安裝node環境,否則會出現異常

-----------------------

轉自: https://blog.csdn.net/JZevin/article/details/108350411

一. npm和cnpm


1.1 npm簡介
npm英文全稱為node package manager,顧名思義就是Node.js環境下的包管理器。 像jQuery,express,Vue等第三方代碼資源就被稱為包(package),npm就主要負責這些包的安裝、卸載、管理依賴等。

npm的創始人是Isaac Z. Schlueter,2002年畢業於南康涅狄格州立大學。npm的出現是開創性的,它提供了一種集中統一的資源下載和管理方式。 它的工作原理簡單來說分為以下三步:

npm官方提供的服務器作為代碼倉庫(registry),里面放着所有需要被共享的代碼資源;
各類代碼資源作者可以把代碼提交到npm的代碼倉庫 (registry);
用戶可以通過簡單的npm安裝命令即可下載安裝對應的代碼資源模塊到本地使用;


1.2 推薦使用cnpm的原因
因為npm的服務器在國外,使用npm命令安裝各種包速度會很慢,容易受網絡狀況的影響。所以我們國內的淘寶團隊就做了一個中國版的npm鏡像 —— cnpm。我們可以用cnpm代替npm,安裝速度和穩定性會比較好。

 

二. 安裝步驟

 

1. 安裝Node.js環境直接官網下載對應版本安裝即可。Node.js官網下載地址:https://nodejs.org/en/download/

我這里下載的是win10 x64的版本,安裝路徑為D:\nodejs,這里大家根據自己的實際情況選擇安裝即可。(一路Next安裝,記得改安裝路徑)

現在Node.js環境已經集成了npm,不需要另外安裝。我們可以在cmd命令提示符窗口( win + R 然后輸入cmd進入)依次輸入下述代碼檢測我們剛剛的Node.js安裝結果,出現版本號即為安裝成功:

node -v
npm -v

2. 修改npm配置(本地緩存地址 + 淘寶鏡像站)
我們先來看一下此時默認的配置,查看npm配置的命令為:

npm config list

可以看到默認的倉庫地址是國外的npm官方倉庫地址https://registry.npmjs.org/,一會兒我們要安裝cnpm,所以之后會修改倉庫的地址為淘寶鏡像地址。
默認的文件本地存儲地址在為C:\Users\dell\AppData\Roaming,現在我們來打開這個路徑:


在這里你會看到這兩個文件,或許你會沒有第二個文件,那是因為你還沒有使用過npm,沒有關系。之后我們要做的就是把默認的本地文件存儲地址從這里更改到剛才Node.js的安裝目錄下。既方便查看,又不占用C盤資源。

之后我們直接在Node.js的安裝目錄下新建如下兩個文件夾:


之后打開cmd依次執行下面的代碼(具體的Node.js安裝路徑以自身為准):

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

npm config set registry=http://registry.npm.taobao.org

現在我們再來輸入npm config list查看npm的配置:


如果你此時的npm配置如圖所示,就算是完成了基本的npm配置。可以再來檢測一下淘寶鏡像站:

npm config get registry

如果出現下圖所示的情況則說明鏡像站可行。

 

2.3 增加系統環境變量NODE_PATH
由於我們剛才已經把默認的模塊存儲地址改到node_global目錄下了,直接運行npm install安裝命令將會報錯。所以我們還需要在node_global目錄下新建一個node_module文件夾:


然后把這個路徑添加到系統的環境變量中,右擊 此電腦圖標 打開屬性面板,之后點擊順序如下:


如圖添加路徑信息:

 

2.4 測試安裝express模塊
如果以上的步驟你都沒有問題,這個時候就可以使用npm install安裝命令來安裝模塊了,以express為例:

npm install express -g

如下圖所示,則說明安裝成功,並且你會在node_global目錄下的node_module文件夾中看到安裝好的express的文件夾。

 

三. 如何更新npm的版本

 

更新npm包也很簡單,輸入以下命令,等待執行完畢即可:

npm install npm -g

再來查看npm的版本,可以對比之前的圖片,版本確實更新啦~

npm -v


四. 安裝cnpm


輸入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

因為cnpm會被安裝到D:\nodejs\node_global下,而系統變量path並未包含該路徑。此時使用cnpm的命令會提示我們:
‘cnpm’ 不是內部或外部命令,也不是可運行的程序或批處理文件。


我們在系統變量path下添加該路徑即可正常使用cnpm:

 

再來輸入一次cnpm -v命令,檢查
---------------------------------------------------------------------------------

五 cnpm一鍵安裝package.json里的 dependencies 和devDependencies里的所有模塊。

cnpm install 默認安裝package.json中的所有模塊。
如果只想安裝dependencies中的內容,可以使用--dependencies字段:

cnpm install --dependencies
同樣只想安裝devDependencies中的內容,可以使用--devDependencies字段:

cnpm install --devDependencies
這里安裝的package.json中所有依賴的模塊,都是package.json中指定的版本。如果需要安裝最新的版本則要:

cnpm update <package_name>//要安裝的模塊的名字

參考 原文鏈接:https://blog.csdn.net/lydia_liuY/article/details/80816267


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM