npm init | npm create | npm exec | npm x | npx

npm exec | npm x | npx

npm exec

npm exec <pkg>

npm x

npm x <pkg>

npm 官方文档中指出，x 其实就是 exec 的别名，意思就是 npm exec 、npm x 这两个命令是完全等价的。

npm exec <pkg> 执行流程：

• 在本地查找是否有 <pkg> 对应的 npm 包
  • 若找到，则运行这个包的 package.json 中 bin 字段对应的可执行文件
  • 若未找到，在远程 npm 仓库查找是否有 <pkg> 对应的 npm 包
    • 若找到，则提示是否下载到本地；下载完成后，再运行这个包 package.json 中 bin 字段对应的可执行文件

同时，在执行 bin 字段时有几点需要注意：

• 如果 bin 只有一个入口，那么可以执行
• 如果 bin 有多个入口，则寻找和包名一样的那个入口
  • 如果没找到，则 npm exec <pkg> 报错

下面用 create-vite 这个 npm 包举个例子

// 这是他的package.json中的字段，简单列举，省略很多
{
    "name": "create-vite"
    "bin": {
        "create-vite": "index.js",
        "cva": "index.js"
    }
    ...
}

执行 npm exec crate-vite 这条命令后：

• 首先本地查找是否有 create-vite 这个 npm 包
  • 找到，则运行 create-vite 这个 npm 包中的 package.json 中 bin 字段对应的可执行文件，即 index.js 这个文件
  • 若未找到，在远程 npm 仓库查找是否有 create-vite 这个包
    • 若找到，则提示是否下载到本地；下载完成后，再运行这个包 package.json 中 bin 字段对应的可执行文件，即 index.js 这个文件

npm 文档中提到：npx 的二进制文件在 npm v7.0.0 中被重写，而独立的 npx 包在当时已弃用。npx 使用 npm exec 命令，而不是单独的参数解析器和安装过程。并提供了一些支持，以保持与它在以前版本中接受的参数的向后兼容性。因此我们姑且理解 npx = npm exec 或 npm x ，所以上面的 npm exec create-vite 我们也可以使用 npx create-vite 去执行

npm init | npm create | npm innit

npm init

npm init
npm init <initializer>

npm create

npm create
npm create <initializer>

npm innit

npm innit
npm innit <initializer>

npm 官方文档中指出 create 、innit 其实就是 init 的别名，通俗来讲意思就是，其实 npm init 、npm create 、npm innit 三个命令是完全等价的。

npm init / npm create / npm innit
npm init <initializer> / npm create <initializer> / npm innit <initializer>

这种后面没有 <initializer> 的是用来创建 package.json 文件的。
这里的 npm init <initializer> 实际会调用 npm exec create-<initializer> ，也相当于 npx create-<initializer> 。
我们可以把这个 <initializer> 理解为 有特殊格式包名的包的简称，它真正的包名为 create-<initializer> ，也只有符合这种特殊格式(create-<xxxx>)的包才可以执行这样的命令。

总结

综上，对于举例的 create-vite 这个包我们可以有多种方法使用

npm init vite / npm create vite / npm innit vite
npm exec create-vite/ npm x create-vite
npx create-vite

类似的例如 create-react-app 这个包我们也可以有多种方法使用

npm init react-app / npm create react-app / npm innit react-app
npm exec create-react-app/ npm x create-react-app
npx create-react-app

不过 react 的脚手架略有不同，当我们直接使用 npx create-react-app 的时候它会提示我们需要指定项目目录，即npx create-react-app <project-diretory> ，我们只需要在 npx create-react-app 后加上一个项目名就行。
相同的 create-nuxt-app 、create-next-app 等等也是一样的原理。