npm基本用法及原理(10000+)

   作为前端开发者，应该每个人都用过npm，那么npm到底是什么东西呢？npm run,npm install的时候发生了哪些事情呢？下面做详细说明。

1.npm是什么

npm是JavaScript语言的包管理工具，它由三个部分组成:

• npm网站 进入
  npm官网上可以查找包，查看包信息。
• 注册表
  一个巨大的数据库，存放包的信息
• 命令行工具npm-cli
  开发者运行npm命令的工具

这三者中，与我们打交道最多的就是npm-cli，其实我们所说的npm的使用，就是指这个工具的使用，那它到底是个什么东西呢？我们先来看看它被放在哪里，在系统命令行（window cmd）工具中输入 where npm（安装node会自带npm），就能找到它的位置：

然后根据路径找到npm文件打开：

从标红的地方可以看出，这其实就是一个脚本，它最终执行的是: node npm-cli.js

   所以到目前为止，我们可以知道当在命令行输入npm时，其实是在node环境中，执行了一段npm-cli.js代码，这是对npm的一个直观的认识。
   至于npm-cli.js里面的逻辑是什么，就是研究源码层面的事了，这里不涉及。我们主要来看npm的用法和功能层面的原理。首先来看npm的配置文件package.json。

2.package.json文件

当我们运行命令npm init,根据提示输入一些信息后（npm init -y不需输入信息），会在当前目录下生成一个package.json文件:

{
   
  "name": "testNpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

这里就是一个npm包的基本信息，包括包名name，版本version，描述description，作者author，主文件main，脚本scripts等等， 这里先主要来看下main：

2.1 入口文件 main

   main配置项的值是一个js文件的路径，它将作为程序的主入口文件。也就是说当别人引用了这个包时import testNpm from 'testNpm'，其实引入的就是testNpm/index.js文件所export出的模块。

2.2 脚本 scripts

npm scripts 脚本应该是我们打交道最多的一个配置项了，它一个json的对象，由脚本名称和脚本内容组成：

"scripts":{
   
	"star":"echo star npm",
	"echo":"echo hello npm"
}

一般用npm run xxx来运行，但是一些关键命令比如：start,test,stop,restart等等，可以直接npm xxx来执行。那scripts是如何执行脚本的呢？又可以执行哪些脚本呢？

npm 脚本可以执行的命令
其实当我们npm run xxx的时候，就是把xxx的内容生成了一个shell脚本，然后执行脚本，那么npm的shell具体是什么呢？我们可以运行npm config get -l来查看npm的全部配置：

可能个人的系统和配置不同，以我个人电脑配置为例，其实就是cmd.exe，其实就是window系统的cmd命令行工具。所以在cmd中可以执行的命令，在npm的scripts中都可以执行，举例说明：

"scripts":{
   
	/*系统命令*/
	"echo":"echo hello npm",
	"dir":"dir",
	"ip":"ipconfig"
}

像dir，ipconfig,echo这些都是可以直接在cmd命令行中执行的命令，在npm的scripts中都可以通过