一、主要区别就是依赖配置写入package.json文件的位置不同而已

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 下)

npm install module_name   什么都不加的时候

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，可以省略不写

二、devDependencies与dependencies有什么区别呢？

devDependencies  表示生产环境下的依赖管理，里面的插件只用于开发环境（开发时依赖），不用于生产环境，例如vite、sass插件等(打包后就跟他没关系了)；

开发时依赖：简单的说就是项目运行时不需要，只有程序员开发代码阶段才需要用到的工具

dependencies 表示生产环境下的依赖管理，里面的插件只用于生产环境（运行时依赖），是需要发布到生产环境的，例如vue、element-plus等等。

如下图所示：sass仅用于生成环境，我们就使用npm i sass -D

扩展： 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