1、下載Node.js

        官方下載地址：https://nodejs.org/zh-cn/

2、安裝Node.js

        雙擊“node-v16.15.1-x64.msi”安裝包

1. Node.js runtime：Node運行環(huán)境
2. corepack manager：核心包
3. npm package manager表示npm包管理器
4. Online documentation shortcuts ：在線文檔快捷方式
5. Add to PATH：添加到環(huán)境變量

翻譯如下

3、驗證Node.js安裝

        （1）檢查環(huán)境變量：右擊此電腦——>屬性——>高級系統(tǒng)設置——>環(huán)境變量——>系統(tǒng)變量——>Path——>確保Node環(huán)境已添加——>確定——>關閉全部窗口

        （2）cmd檢查環(huán)境：win+R——>cmd——>鍵入node -v

        node在安裝同時安裝npm：鍵入npm -v

？？？？？？？？？ 出現(xiàn)警告 ？？？？？？？？？

        解決方案如下：涉及到windows文件權限安全問題，授權就行。

        win+R——>cmd——>鍵入“npm install -g npm-windows-upgrade”

        右擊“以管理員身份運行”運行Windows PoweShell，鍵入“set-ExecutionPolicy RemoteSigned”，輸入“Y” 后按下回車，接著輸入“npm-windows-upgrade”，顯示各個版本，用方向鍵↑↓ 回車選擇，自動更新...完成關閉窗口

        （3）再次驗證：重新打開cmd命令框——>鍵入npm -v

?。。【嫦??。?！

4、Node.js環(huán)境配置

        （1）更改npm安裝全局模塊的目錄和緩存路徑

        npm install xxx時默認存放路徑為：C:\Users\用戶名\AppData\Roamin

        開始配置更改(自定義npm install xxx 存放路徑)：進入Node安裝根目錄，創(chuàng)建“node_global”和“node_cache”空目錄文件夾——>分別用于當前node資源的安裝和緩存

        重點注意：還需要在node_global目錄下在創(chuàng)建一個“node_modules”空目錄文件夾

cmd命令指導新建的兩個文件夾

npm config set prefix "創(chuàng)建的node_global文件夾所在路徑"
npm config set cache "創(chuàng)建的node_cache文件夾所在路徑"

PS C:\Users\ZSAndroid> npm config set prefix "D:\MyFilePath\NodeJS\node_global"
PS C:\Users\ZSAndroid> npm config set cache "D:\MyFilePath\NodeJS\node_cache"
PS C:\Users\ZSAndroid>

        （2）配置環(huán)境變量

        右擊此電腦——>屬性——>高級系統(tǒng)設置——>環(huán)境變量——>系統(tǒng)變量——>新建

        NODE_PATH變量值添加到系統(tǒng)變量Path中（以防萬一，參考網上資料沒有介紹配置此項）

        右擊此電腦——>屬性——>高級系統(tǒng)設置——>環(huán)境變量——>用戶變量Path——>修改

?

 ！?。∨渲媒Y束 ?。?！

5、測試Node.js安裝結果

        1.安裝express，使用npm命令——> npm install express -g

        2.安裝webpack，使用npm命令——> npm install webpack -g

        進入“D:\MyFilePath\NodeJS\node_global\node_modules”驗證，該“node_modules”目錄是自動生成的，安裝的Module都存放在該路徑下。

6、配置淘寶鏡像

        淘寶鏡像官網：http://npm.taobao.org/

        必須使用右擊“以管理員身份運行”運行Windows PoweShell，鍵入

1. 永久設置：“npm install -g cnpm --registry=https://registry.npm.taobao.org”或“npm config set registry https://registry.npm.taobao.org”
2. 檢查安裝：“cnpm -v”
3. 查看當前鏡像地址：“npm config get registry”
4. 恢復原鏡像地址：“npm config set registry https://registry.npmjs.org”

7、總結

此外，補充說明幾點：

1. 鏡像來源的切換可以使用 nrm 工具來方便快速的實現(xiàn)，這樣可以避免使用那些冗長的命令，加快效率；

2. node.js環(huán)境的安裝還可以使用 nvm 來簡化，同時，使用 nvm 還可以方便的切換nonde.js的不同版本；

3. 作為初學者，還是有必要手動按照上述教程完整的安裝一下node.js運行環(huán)境，有助于加深對于node.js運行環(huán)境的理解。

補充：關于 nrm 與 nvm 的使用可以參考本站相關教程~

http://m.fzitv.net/article/280151.htm
http://m.fzitv.net/article/154802.htm

最新評論