npm必备知识

一、npm介绍

NPM（Node Package Manager，即node包管理器）是node.js的一个程序包管理和分发的管理工具，它可以让全世界与Web前端相关开发者共享代码，非常方便的使用各种插件、库和框架，无需再到处去搜寻需要用到的这些程序。

核心功能：

• 从npm服务器下载别人编写的第三方包到本地使用（如vue中安装各种插件）。
• 从npm服务器下载并安装别人编写的命令行程序到本地使用。
• 将自己编写的包或命令行程序上传到NPM服务器供别人使用。

二、npm 安装与升级 

新版的node.js已经集成了npm，所以安装node即可安装npm。 

使用 npm -v 可以测试是否成功安装，Window 系统下，可以使用 npm install npm -g 升级npm版本。

注：如果node版本与npm不匹配，可能会导致npm命令无法使用 

参考官方地址:

Node.js — Node.js Releases

三、模块安装与卸载

npm 安装 Node.js 模块语法格式如下：npm install <Module Name>  ||  npm i <Module Name>

npm i命令中的-g -D -S的区别：

1.npm i xx -g

npm install xx --global的简写，对模块进行全局安装，是指把模块安装到操作系统上，全局是指操作系统，全局安装完成后，一般会安装到AppDataAppData\Roaming\npm目录下。

如：npm install webpack -g，就是全局安装webpack，在操作系统的任何一个目录下都可以使用webpack所提供的指令；全局安装vue，就可以vue create 命令；npm root -g，查看npm 全局安装的根目录。

2.npm i xx -D

npm install xx --save-dev的简写，对模块进行局部安装，模块写入到 devDependencies 对象。局部的意思是只针对当前项目，模块一般安装到项目文件夹下的node_modules文件夹下。devDependencies对象，是我们开发的时候需要用到的一些包，只用于开发阶段，真正打包上线的时候并不需要这些包，因为这些工具只是你用来打包代码的，是用来识别特定文件以及代码，帮助我们生产最终文件的。

如：npm i vue-loader vue-template-complier -D,就是在Vue项目中安装vue模板文件的解析插件，经过配置后即可在项目中解析vue模板。

3.npm i xx -S

npm install xx --save 的简写，同上也是对模块进行局部安装，不同的是模块写入到 dependencies对象。模块同上一样将安装到项目文件夹下的node_modules文件夹下。dependencies对象，这个与devDependencies不同，是需要发布到生产环境中的。

如：跑一个基于vue的项目，所以需要vue.js来支持，vue.js文件就需要跟随项目到最终的生产环境。npm i vue -S即可将Vue模块安装到项目的依赖中，并一同发布到生产环境。

 其他指令：卸载：npm uninstall、项目全局访问：npm link

参考官方文档：

npm | Home