有两种方式用来安装 npm 包：本地安装和全局安装。选用哪种方式来安装，取决于你如何使用这个包。

将包安装到全局，你应该使用 npm install -g <package> 命令，例如：

npm install webpack -g

或者

npm install webpack --global

包安装在Node安装目录下的node_modules文件夹中，一般在 \Users\用户名\AppData\Roaming\ 目录下，可以使用npm root -g查看全局安装目录。

npm root -g

调用方式：

全局安装后可以供命令行(command line)使用，用户可以在命令行中直接运行该组件包支持的命令。如下：

webpack -v

Ps:在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，所以只安装webpack就可以了，但在第4版中，他们已经将两者分开来更好地管理它们，所以你安装了webpack后还要安装全局安装’webpack-cli’，指令

npm install webpack-cli -g

npm本地安装

本地安装方式是键入命令：

npm install webpack

或者

npm install webpack --save-dev

其中参数--save-dev的含义是代表把你的安装包信息写入package.json文件的devDependencies字段中，包安装在指定项目的node_modules文件夹下。

补充说明：

npm install module_name -S    即npm install module_name --save    写入dependencies；
npm install module_name -D    即 npm install module_name --save-dev    写入devDependencies。

dependencies与devDependencies的区别：

devDependencies 里面的插件只用于开发环境，不用于生产环境；dependencies 是需要发布到生产环境的。举个例子：开发一个前端项目，在项目中你需要使用gulp构建你的开发和本地运行环境,这时你就要放到dependencies里。gulp是你用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，所以放到dev里就ok了。

调用方式：

本地安装后可以直接通过require()的方式引入项目中node_modules目录下的模块，如下示例，本地安装后直接在webpack.config.js中require('gulp')。

本地安装可以让每个项目拥有独立的包，不受全局包的影响，方便项目的移动、复制、打包等。所以推荐使用本地安装的方式，除了常用的脚手架之类的使用全局安装外。

小技巧：

如果你安装的 npm 是 5.2 或更高版本，可以使用 npx 运行全局安装的包。万一不能用，就要手动安装一下:

npm install -g npx

链接: https://www.fly63.com/article/detial/10285