【前端】彻底搞懂 npm、npx、yarn

最新推荐文章于 2024-03-08 14:30:26 发布

feelang

最新推荐文章于 2024-03-08 14:30:26 发布

阅读量5.6k

点赞数

文章标签：前端 npm yarn

本文链接：https://blog.csdn.net/FeeLang/article/details/109521628

版权

彻底搞清楚 npm、npx、yarn 的区别，只要记住下面两条：

首先举个例子。

npm 安装某个 package 的命令如下：

npm install some-package

install 后面如果没有跟 -g 的话只能将依赖包安装在当前目录下，如同上面这条命令。

也就是说 some-package 的路径无法在环境变量 $PATH 中体现，因此也就无法在终端直接被执行。

按照“传统工艺”，如果硬要执行 some-package，只能把路径拼完整了才可以。

$ ./node_modules/.bin/some-package

但是这么做显然非常麻烦，手速跟不上思维，影响生产效率。

所以，“一般做法”是借助 npm 稍作简化，在 package.json 的 scripts 中增加一条：

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

然后像下面这样执行：

npm run some-package

如此一来可以不用拼路径，但是修改 package.json 本身也是一件麻烦事。

于是 npx 闪亮登场。

有了它，npm install 之后的 package 只需要一行命令就可以执行，再也不需要拼路径，也无需修改 package.json 文件了。

npx some-package

简单总结一下：

那 yarn 又是什么鬼呢？

很简单，yarn 是一个用于取代 npm 的包管理工具，它的优势在于：

总之记住一句话：yarn 比 npm 好用。

参考资料：

关注