npm安裝包時 --save 和 --save-dev 的區別

 

以npm 安裝 vue爲例

1.npm install vue:

• 會把vue包安裝到node_modules目錄中；
• 不會修改package.json文件；
• 以後運行npm install命令時，不會自動安裝vue；

 

2.npm install vue --save:

• 會把vue包安裝到node_modules目錄中；
• 會在package.json文件中的dependencies屬性下添加vue；
• 以後運行npm install命令時，會自動安裝vue到node_modules目錄中；
• 以後運行npm install --production或者註明NODE_ENV變量值爲production時，會自動安裝vue到node_modules目錄中；

3.npm install vue --save-dev:

• 會把vue包安裝到node_modules目錄中；
• 會在package.json文件中的devDependencies屬性下添加vue；
• 以後運行npm install命令時，會自動安裝vue到node_modules目錄中；
• 以後運行npm install --production或者註明NODE_ENV變量值爲production時，不會自動安裝vue到node_modules目錄中；

4.npm install vue --global

• 會把vue包安裝到全局環境中而不是node_modules目錄中；
• 不會修改package.json文件；
• 以後運行npm install命令時，不會自動安裝vue；

因此，在生產環境中須要用到的包安裝時添加 --save，只在開發環境中用到的包安裝時添加 --save-dev。