windows安裝npm, 指令簡介

安裝步驟

要在Windows上安裝npm，按照以下步驟操作：

1. 首先，確定您已經在計算機上安裝了Node.js。可以從Node.js官方網站（https://nodejs.org/）下載下傳并安裝Node.js。
2. 完成Node.js的安裝後，打開指令提示符（Command Prompt）或者PowerShell。
3. 輸入以下指令來驗證Node.js和npm的安裝情況：

# 如果正确安裝了Node.js和npm，會看到它們的版本号。
node -v
npm -v           

1. 如果發現npm沒有正确安裝，可以嘗試使用以下指令來更新npm：

# 使用npm自身的更新指令來更新npm
npm install -g npm           

5. 完成以上步驟，已成功安裝npm

使用npm指令來管理和安裝Node.js子產品。

# npm install 本身有一個别名 npm i
# 全局安裝子產品 xxx
npm install -g xxx

# 本地安裝子產品 xxx
npm install -save xxx           

指令詳解

npm install

npm install 别名: npm i

npm i module_name -S

即 npm install module_name --save 寫入dependencies，釋出到生産環境。

這樣安裝是局部安裝的，會寫進package.json檔案中的dependencie裡。

dependencies： 表示生産環境下的依賴管理；

安裝一個庫用來建構項目時，比如echarts、element-ui，是實際在項目中起作用，就可以使用 -s 來安裝。

npm i module_name -D

即npm install module_name --save-dev 寫入devDependencies，釋出到開發環境。

這樣安裝是局部安裝的，會寫進package.json檔案中的devDependencies 裡。

devDependencies ：表示開發環境下的依賴管理；

如果安裝的庫是用來打包的、解析代碼的，比如webpack、babel，就可以用 -d 來安裝，項目上線了，這些庫就沒用了，不然留這些庫給使用者自己來打包和解析代碼嘛。

npm i module_name -g

即 global全局安裝(指令行使用)。

npm install module_name -g，表示全局安裝，安裝一次過後，可在其他地方直接使用。

npm i module_name

即本地安裝(将安裝包放在 ./node_modules 下)。

npm5以後，npm install module_name 和 npm install module_name --save一樣，都是局部安裝并會把子產品自動寫入package.json中的dependencies裡。

使用npm install 安裝子產品或者插件時，若寫到package.json檔案中，用

--save-dev (寫入package.json的devDependencies) 或 --save (寫入package.json的dependencies)

注意：-D，-S 分别是 --save-dev和 --save的簡寫，預設就是 -S，可以省略不寫

npm子產品的安裝與移除

npm安裝子產品

【npm install xxx】利用 npm 安裝xxx子產品到目前指令行所在目錄；

【npm install -g xxx】利用npm安裝全局子產品xxx；

【npm install xxx】安裝但不寫入package.json；

【npm install xxx –save】 安裝并寫入package.json的”dependencies”中；

【npm install xxx –save-dev】安裝并寫入package.json的”devDependencies”中。

npm 删除子產品

【npm uninstall/remove xxx 】删除xxx子產品；

【npm uninstall/remove -g xxx】删除全局子產品xxx；

并不能自動更新package.json，把xxx從dependencies，devDependencies，optionalDependencies中去掉。

隻有加上對應參數才可以：-S，–save：dependencies

devDependencies與dependencies差別

devDependencies

表示 開發環境 下的依賴管理，裡面的插件隻用于開發環境（開發時依賴），不用于生産環境，例如vite、sass插件等(打包後就跟他沒關系了)；

開發時依賴：簡單的說就是項目運作時不需要，隻有程式員開發代碼階段才需要用到的工具

dependencies

表示 生産環境 下的依賴管理，裡面的插件隻用于生産環境（運作時依賴），是需要釋出到生産環境，例如vue、element-plus等等。

如下圖所示：sass僅用于生成環境，我們就使用npm i sass -D