1.前言

Node.js 是一個基于 Chrome V8 引擎的 JavaScript ，運(yùn)行時，npm 是 Node.js 的包管理器，用于管理項(xiàng)目的依賴包。要使用 npm，首先需要安裝 Node.js 和 npm。

若未安裝或修改某些配置，使用npm如npm i可能會出現(xiàn) error  npm：無法將“npm”項(xiàng)識別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱，在配置中可能出現(xiàn) npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.等。

個人解決方法如下，簡要說明。

2.安裝node.js

我安裝的是v16.16.0-win-x64版本，可在Index of /download/release/v16.16.0/或進(jìn)入node.js官網(wǎng)下載，按需選擇版本，完成后安裝，可自主配置路徑，一路next......finish即可。

3.配置node.js環(huán)境

1.搜索【控制面板】進(jìn)入【系統(tǒng)和安全】-【系統(tǒng)】-【高級系統(tǒng)設(shè)置】界面

2.點(diǎn)擊環(huán)境變量，進(jìn)行如下操作

（1）復(fù)制一下node.js安裝路徑

（2）在用戶變量下新建變量

（3)輸入變量名與變量值，點(diǎn)擊確定

3.在用戶變量的path中，輸入 %NODE_PATH%

（1）點(diǎn)擊 path，進(jìn)入編輯界面

（2）輸入 %NODE_PATH% ，點(diǎn)擊確定

4.驗(yàn)證nodejs環(huán)境配置

win+R，輸入cmd打開命令行，輸入 echo %PATH% ，node -v ，可進(jìn)行驗(yàn)證

4.配置npm

1.配置npm的全局模塊的存放路徑以及cache的路徑。在nodejs下建立"node_global"及"node_cache"兩個文件夾

2.選中cache文件夾，右鍵進(jìn)入屬性，進(jìn)行如下操作，給user的所有權(quán)限，以防止后續(xù)操作warn

3.修改cmd文件以防止后續(xù)操作出現(xiàn) npm WARN config global

(1)將  node.js 下的 npm.cmd 文件，用記事本或其他工具打開進(jìn)行修改

(2)將 prefix -g替換成prefix --location=global，保存即可

4.配置相應(yīng)路徑

win+R，cmd打開命令行輸入

•         npm config set prefix “node_global的絕對路徑” 
•         npm config set cache “node_cache的絕對路徑” 
•         示例
•         npm config set prefix "E:\APP\nodejs\node_global"
•         npm config set cache "E:\APP\nodejs\node_cache"

設(shè)置鏡像，輸入

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

至此，關(guān)于npm的配置基本完成

5.npm相關(guān)命令

1.初始化項(xiàng)目

• 命令: npm init

  • 描述: 創(chuàng)建package.json文件，記錄項(xiàng)目信息和依賴。

  • 快速初始化: npm init -y（跳過問答，使用默認(rèn)值）。

2. 安裝包

• 本地安裝（生產(chǎn)依賴）:

  • npm install <package> 或 npm i <package>

  • 示例: npm install express

• 開發(fā)依賴安裝:

  • npm install <package> --save-dev 或 npm i <package> -D

  • 示例: npm install eslint --save-dev

• 全局安裝:

  • npm install -g <package> 或 npm i -g <package>

  • 示例: npm install -g nodemon

• 安裝所有依賴（根據(jù)package.json）:

  • npm install 或 npm i

3. 卸載包

• 本地卸載:

  • npm uninstall <package>

  • 示例: npm uninstall lodash

• 全局卸載:

  • npm uninstall -g <package>

  • 示例: npm uninstall -g typescript

4. 更新包

• 更新所有包:

  • npm update

• 更新指定包:

  • npm update <package>

  • 示例: npm update react

• 檢查過時的包:

  • npm outdated

5. 運(yùn)行腳本

• 運(yùn)行自定義腳本:

  • npm run <script-name>

  • 示例: npm run build

• 預(yù)定義腳本快捷方式:

  • npm start（等同于npm run start）

  • npm test（等同于npm run test）

6. 查看信息

• 查看已安裝的包:

  • npm list（顯示樹形結(jié)構(gòu)）

  • npm list --depth 0（僅顯示頂層依賴）

• 查看全局安裝的包:

  • npm list -g --depth 0

• 查看包詳細(xì)信息:

  • npm view <package> 或 npm info <package>

  • 示例: npm view react version（查看React最新版本）

7. 配置管理

• 設(shè)置鏡像源:

  • npm config set registry <url>

  • 示例（使用淘寶源）:
    npm config set registry https://registry.npmmirror.com

• 查看當(dāng)前配置:

  • npm config list

8. 其他常用命令

• 清理緩存:

  • npm cache clean --force

• 安全檢查:

  • npm audit（檢查依賴漏洞）

  • npm audit fix（自動修復(fù)漏洞）

• 發(fā)布包:

  • npm login（登錄npm賬號）

  • npm publish（發(fā)布當(dāng)前包）

• 安裝特定版本:

  • npm install <package>@<version>

  • 示例: npm install express@4.17.1

9. 快捷別名

• npm i → npm install

• npm rm → npm uninstall

• npm ls → npm list

總結(jié) 

到此這篇關(guān)于node.js+npm安裝配置的文章就介紹到這了,更多相關(guān)node.js+npm安裝配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論