1. 程式人生 > 實用技巧 >npm install xxx -S/-D/-g/區別

npm install xxx -S/-D/-g/區別

1. 簡寫和完整寫法解釋

npm install 本身就有一個別名 npm i

npm i module_name -S    即    npm install module_name --save     寫入dependencies,釋出到生產環境(上線環境)
npm i module_name -D    即    npm install module_name --save-dev  寫入devDependencies,釋出到開發環境(開發環境)
npm i module_name -g    即    global全域性安裝(命令列使用)
npm i module_name       即    本地安裝(將安裝包放在 ./node_modules 下)
繁雜:npm install webpack   
簡潔:npm i webpack
重複性操作:一個一個的安裝包
npm i webpack 
npm i babel-core
....

簡潔性操作:一次安裝多個包
npm i webpack babel-core....
&&命令(常用於-D和-g混合)
npm i webpack -D && npm i webpack-cli -g
無差別操作:npm i -g webpack 或 npm i webpack -g
-D:devDependencies (開發環境)
-S:dependencies(上線環境)

示例-D:npm i webpack -D
示例-S:npm i webpack -S

初始化專案和全域性環境

全域性環境,可以開啟package.json檢視,一旦安裝完成即可自動新增.
如果一開始,我們沒有建立package.json?
npm init -y(會自動檢索安裝的-S或—D並且重新生成目錄)

npm install (安裝package.json中的環境)

npm build (打包命令)

總結

-S:安裝到上線環境
-D:安裝到開發環境
-g:安裝到全域性
-i:install(等同)