npm和npx,npm init 包名的理解

发布时间 2023-07-05 17:34:26作者: m2maomao

NPM - 管理Node包的工具

NPX - 执行Node包的工具

npm5.2+支持NPX

NPM本身实际上不能运行任何包,如果你想去执行某个包,必须在package.json文件中去定义。

当通过NPM安装Node包,NPM会在node_modules下的.bin里创建一个软连接。

本地安装链接会放到./node_modules/.bin目录

全局安装会连接到全局的文件,linux/macos在/usr/local/bin里,windows则在/AppData/npm

NPM:

安装到特定项目下的Node包,执行:

npm install some-package

现在如果像下面这样去执行some-package会失败的。只有全局安装的包才可以只用包名去执行。

$ some-package

为了解决这个问题,必须像下面这样,将本地包的相对项目的路径填写全。

$ ./node_modules/.bin/some-package

当然如果你非要通过命令去执行的话,也不是不可以的。通过编辑package.json文件,将以下脚本添加到script属性下

{
	"name": "whatever",
	"version": "1.0.0",
	"scripts": {
		"some-package": "some-package"
	}
}

然后通过npm run some-package调用。

NPX:

npx会检查命令()是否出现在$PATH,或本地项目中,然后去执行。

所以,对于上面的例子,如果想通过在本地执行,可以通过npx some-package执行。

npx some-package

npx另一个重要的优势是,可以执行未安装的包的命令,例如:

$ npx create-react-app my-app

上面的例子将会创建一个名为my-app的React的工程,创建的位置就在输入命令的当前文件夹,并且保证永远使用最新的构建工具,而不用担心升级的问题。而如果不用npx的话,你需要首先通过npm安装create-react-app包才可以create-react-app my-app,并且一旦create-react-app升级了你都需要执行create-react-app的升级。

npx 与 npm init

npx

临时下载执行
当执行某一个命令时,如本地工程中无法找到,则会把对应的包下载到一个临时目录,下载完后执行
如果命令与包名不一致时,可以手动指定包名
如:
npx -p @vue/cli vue create my-app

npm init

npm init 包名 等效于 npx create-包名
npm init @命名空间 等效于 npx @命名空间/create
npm init @命名空间/包名 等效于 npx @命名空间/create-包名