前端踩坑系列《六》——让人又爱又恨的npm包

作为一个前端，我们经常在执行一个命令的时候报错，那就是 npm install，那么 npm install 的时候，程序到底做了什么，还有遇到一些类似的问题的时候怎么去定位问题？

以下是我对 npm 包的一些理解，还有自己踩的一些坑，不得不说， npm 的坑实际上跟下面这张图体现出来的一样，深不见底，只能列举一二。

首先 npm 是 Node 的模块管理器， npm 完成了 Node 第三方模块的发布、安装等等.

npm install 会将 npm 包安装到 node_modules 目录下

此处参考阮一峰的博客：http://www.ruanyifeng.com/blog/2016/01/npm-install.html

具体执行过程是这样的：

1.发出 npm install 指令 2. npm 向 registry 查询压缩包的地址 3.下载压缩包后，存放到 ~/.npm 目录 4.解压压缩包到当前项目中的 node_module 目录

其中具体要安装哪些包，可以在 install 后面指定，默认的话，就会去 package.json 文件中查找。这里我们需要注意的是 dependencies 和 devDependencies 的区别

dependencies（项目依赖库）也就是最后打包的时候也需要打包进去项目中，我们在安装的时候可以使用 --save 写入到 dependencies.这里的插件是需要发布到生产环境，自始至终都会存在

devDependencies（开发依赖库）我们安装的时候可以加上 --save-dev.这里的插件只用于开发环境，而不用于生产环境。打包的时候需要，打包完成就不再需要。

由于 npm 包如果直接安装的话，是从国外的服务器下载的，速度会比较慢，而且容易出现异常，那么我们可以换成国内的源，比如淘宝的 cnpm，下面的一些命令可能帮得上你

代码语言：javascript复制

npm install --registry=https://registry.npm.taobao.org // 临时使用淘宝镜像install
npm --registry https://registry.npm.taobao.org install express // 使用临时淘宝镜像install某个模块
npm install -g cnpm --registry=https://registry.npm.taobao.org // 全局安装淘宝镜像，之后可以直接使用cnpm install
npm config set registry https://registry.npm.taobao.org // 永久设置npm为淘宝镜像
npm config set registry https://registry.npmjs.org/ // 使用官方的镜像
npm config get registry // 查看npm源地址

这里推荐一个换源的工具， nrm，自行百度，不再细说.