What is NPM
Node Package Manager
https://www.npmjs.com/
This is the source code for the three-word thingies that randomly appear in the header of the npmjs.com website. Examples include:
- Naughty Push Message 顽皮的推送消息
- Nectar of the Programming Masses 编程群众的甘露
- Never Push to Master 永远不要往master push代码
- Never Program Mad 不要疯狂编程
- Neverending Plethora of Modules 无需过多模块
- Needless Patchouli Manufacture
- Neil Patrick’s Mansion
- Newton’s Programmatic Measurements
- Newts Parading Majestically
- Nice Poodle, Mister
- Nickel Plated Moose
- Nineties Party MixNull Pointer Missing
特点
- npm is the world’s largest Software Library (Registry)
npm 是世界上最大的软件注册中心；注册表包含超过800000个代码包； - 开源开发人员使用npm共享软件；
- 许多组织还使用npm管理私有开发。
- npm is also a software Package Manager and Installer
- Using npm is Free
无需任何注册或登录即可下载所有npm公共软件包 - Command Line Client
npm包含一个CLI，可用于下载和安装软件
Windows示例
C:\>npm install <package>
Mac操作系统示例
>npm install <package>
安装与使用
- npm与Node.js一起安装
- 必须安装Node.js才能在计算机上安装npm
- Node Package Manager这个名字源于npm第一次被创建为Node.js的包管理器
- 所有nom包都在package.json的文件中定义
- package.json的内容必须用JSON编写
- 定义文件中必须至少存在两个字段：name和version
{
"name" : "foo",
"version" : "1.2.3",
"description" : "A package for some things",
"main" : "foo.js",
"author" : "xiaoming",
"licence" : "ISC"
}
- npm可以管理依赖项，依赖关系也在package.json中定义
-如果想在npm registry中共享自己的软件，登录后可发布任何包含package.json文件的目录。
What is npx
npx: an npm package runner
- npm 从5.2版开始，增加了 npx 命令。
- npx 想要解决的主要问题，就是调用项目内部安装的模块。
npm & npx
npm 本身不运行任何包。如果要使用 npm 运行包，则必须在package.json文件中指定该包。
当通过 npm 包安装可执行文件时，npm 会创建指向它们的链接：
- 本地安装在./node_modules/.bin/目录中创建了链接
- 全局安装具有从全局bin/目录创建的链接（例如：在 Linux 上
/usr/local/bin或在Windows 上%AppData%/npm）要使用 npm 执行包，您必须输入本地路径，如下所示：
$ ./node_modules/.bin/your-package
- 或者通过将其添加到package.json脚本部分的文件中来运行本地安装的软件包：
{
"name": "your-application",
"version": "1.0.0",
"scripts": {
"your-package": "your-package"
}
}
然后通过npm run命令运行脚本：
npm run your-package
eg:
// 安装mocha包
npm install -D mocha
// npm需要去到对应的bin文件下才能执行
node-modules/.bin/mocha --version
可以看出，普通的npm运行一个包需要相当多的仪式……
Then，npx派上用场啦
// 用npx可以直接执行
npx mocha --version
由于 npm 5.2.0版npx与 npm 预先捆绑在一起。所以它现在几乎是一个标准。
npx也是一个 CLI 工具，其目的是使安装和管理 npm 注册表中托管的依赖项变得容易。
现在可以很容易地运行通常通过 npm 安装的任何类型的基于 Node.js 的可执行文件。
可以运行以下命令来查看是否已为您当前的 npm 版本安装了它：
which npx
如果没有的话，可以通过下面命令安装
npm install -g npx
npx 的原理很简单，就是运行的时候，会到node_modules/.bin路径和环境变量$PATH里面，检查命令是否存在。
由于 npx 会检查环境变量$PATH，所以系统命令也可以调用。
// 等同于 ls
$ npx ls
npx使用
轻松运行本地安装的包
如果想执行一个本地安装的包，你需要做的就是输入：
$ npx your-package
npx 将检查<command>或是否<package>存在于$PATH，或在本地项目二进制文件中，如果存在，它将执行它。
执行以前未安装的包
另一个主要优点是能够执行以前未安装的包。
让我们通过运行来测试一下：
$ npx cowsay wow
避免全局安装模块
npx 还能避免全局安装的模块。比如，create-react-app这个模块是全局安装，npx 可以运行它，而且不进行全局安装。
$ npx create-react-app my-react-app
上面代码运行时，npx 将create-react-app下载到一个临时目录，使用以后再删除。所以，以后再次执行上面的命令，会重新下载create-react-app。下载全局模块时，npx 允许指定版本。
$ npx uglify-js@3.1.0 main.js -o ./dist/main.js
上面代码指定使用 3.1.0 版本的uglify-js压缩脚本。
注意，只要 npx 后面的模块无法在本地发现，就会下载同名模块。比如，本地没有安装http-server模块，下面的命令会自动下载该模块，在当前目录启动一个 Web 服务。
$ npx http-server
--no-install参数和--ignore-existing参数
如果想让 npx 强制使用本地模块，不下载远程模块，可以使用--no-install参数。如果本地不存在该模块，就会报错。
$ npx --no-install http-server
反过来，如果忽略本地的同名模块，强制安装使用远程模块，可以使用–ignore-existing参数。比如，本地已经全局安装了create-react-app，但还是想使用远程模块，就用这个参数。
$ npx --ignore-existing create-react-app my-react-app
使用不同版本的node
利用 npx 可以下载模块这个特点，可以指定某个版本的 Node 运行脚本。它的窍门就是使用 npm 的 node 模块。
$ npx node@12.11.0 -v
v12.11.0
上面命令会使用 12.11.0 版本的 Node 执行脚本。原理是从 npm 下载这个版本的 node，使用后再删掉。
某些场景下，这个方法用来切换 Node 版本，要比 nvm 那样的版本管理器方便一些。
-p参数
-p参数用于指定 npx 所要安装的模块，所以上面的命令可以写成下面这样。
$ npx -p node@12.11.0 node -v
v12.11.0
上面命令先指定安装node@12.11.0，然后再执行node -v命令。
-p参数对于需要安装多个模块的场景很有用。
$ npx -p lolcatjs -p cowsay [command]
-c参数
如果 npx 安装多个模块，默认情况下，所执行的命令之中，只有第一个可执行项会使用 npx 安装的模块，后面的可执行项还是会交给 Shell 解释。
$ npx -p lolcatjs -p cowsay 'cowsay hello | lolcatjs'
# 报错
上面代码中，cowsay hello | lolcatjs执行时会报错，原因是第一项cowsay由 npx 解释，而第二项命令localcatjs由 Shell 解释，但是lolcatjs并没有全局安装，所以报错。-c参数可以将所有命令都用 npx 解释。有了它，下面代码就可以正常执行了。
$ npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs'
-c参数的另一个作用，是将环境变量带入所要执行的命令。举例来说，npm 提供当前项目的一些环境变量，可以用下面的命令查看。
$ npm run env | grep npm_
-c参数可以把这些 npm 的环境变量带入 npx 命令。
$ npx -c 'echo "$npm_package_name"'
上面代码会输出当前项目的项目名。
直接从GitHub运行代码
npx https://github.com/xiaoxiezz/npx.git
注意，远程代码必须是一个模块，即必须包含package.json和入口脚本。
测试不同的包版本
npx 使测试 Node.js 包或模块的不同版本变得非常容易。为了测试这个很棒的功能，我们将在本地安装create-react-app软件包并测试即将推出的版本。
这将在输出末尾附近列出一些 dist 标签。
Dist 标签为版本号提供别名，这使得输入变得更加容易。
$ npm v create-react-app
使用 npx 来试试next dist 标签create-react-app，它将在sandbox目录中创建应用程序。
$ npx create-react-app@next sandbox
npx 将临时安装 的下一个版本create-react-app，然后它将执行以搭建应用程序并安装其依赖项。
安装后，我们可以像这样导航到应用程序：
$ cd sandbox
然后使用以下命令启动它：
$ npm start
它将自动在您的默认浏览器窗口中打开 React 应用程序。现在我们有一个应用程序可以在下一版本的create-react-app包上运行！
总结
- npm的m是Management，npx的x可以理解为eXecute。
- npx 帮助我们避免版本控制、依赖问题和安装我们只想尝试的不必要的包。
- npx还提供了一种清晰而简单的方式来执行包、命令、模块甚至 GitHub 要点和存储库。
- npx执行逻辑
- 默认情况下，npx首先会去检查是否当前路径下（即在项目中）是否存在要执行的包；
- 若存在对应的包，则执行它；
- 若不存在，则认为路径下不存在该包，则npx会去安装最新版本的包，并且去执行它。
- 使用 npx 去执行包时，会保证使用的是最新的构建工具，无需担心包版本升级的问题
1744
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
