该插件的功能是突出显示项目依赖性的类别。您也可以体验它。插件的效果可能是这样的:
那么该插件如何获得依赖项类别?它也在博客中提到,该博客主要根据PNPM的目录函数实现。
在这里,我简要谈论PNPM的目录函数是什么:
官方定义:“目录”是一个将依赖性版本定义为可重复使用常数的工作空间函数。目录中定义的常数以后可以在package.json文件中引用。
简而言之,这是PNPM提供的依赖关系管理方法。您可以在pnpm-workspace.yaml文件中定义依赖项版本,然后在package.json文件中引用它。
具体用法如下:
pnpm-workspace.yaml定义目录和依赖性版本编号catalog3:react: ^18.3.1redux: ^5.0.1 //package.json {\’depentencies\’3: \’catalog:\’//参考依赖关系}}目录被分为默认目录并命名目录:
默认目录:顶级目录字段允许用户定义一个名为Default的目录。 These version ranges can be referenced through catalog:default or abbreviated as catalog:# pnpm-workspace.yaml# Define the default directory catalog:react: ^18.3.1redux: ^5.0.1//package.json{\’dependencies\’: {\’react\’: \’catalog:default\’, //Reference the default directory\’redux\’: \’catalog:\’ //Reference the default directory}} Named directory: Can be found in catalogs Under the key, multiple catalogs with any name are configured, and these directories can be referenced by catalog: name. # pnpm-workspace.yaml# Define the named directory catalogs:# Can be referenced by \’catalog:react17\’ ^17.0.2react-dom: ^17.0.2# Can be referenced by \’catalog:react18\’ ^18.2.0react-dom: ^18.2.0//package.json {\’depentencies\’: {\’react\’:\’catalog3:react18\’,//参考命名目录\’reaction\’reaction-dom\’:\’Catalog:React18\’//参考该catalog的好处。
维护独特的版本:目录使维护工作空间中共享依赖项版本变得更加容易。重复的依赖项可能在运行时发生冲突并导致错误。使用包装器时,不同版本的重复依赖项也会增加项目规模。易于更新:升级或更新依赖项版本时,只需在pnpm-workspace.yaml中编辑目录,而无需更改所有使用依赖关系的json文件。减少合并冲突:由于升级依赖项时不需要编辑包装。此插件的功能基于目录的分类功能,该功能可以突出显示项目所依赖的类别。
开发 CLI 工具
此插件看起来确实非常有用,而且外观还不错,但是每次安装依赖项时,都必须在pnpm-workspace.yaml文件中手动添加它,这感觉有些麻烦。
因此,我想知道我是否可以每次安装时都可以自动将依赖项添加到pnpm-workspace.yaml文件中,并且参考文献在package.json文件中自动更新。
但是,PNPM似乎没有提供相似的功能或插件来扩展安装功能,因此我编写了CLI工具PADC来扩展PNPM添加的功能。
项目地址:PADC
功能
自动更新pnpm-workspace.yaml目录注入catalog3:name引用到软件包。JSON支持完整的PNPM添加选项以通过。通过多项目依赖分类管理管理
安装
全局安装PADC工具是更方便的:
PNPM I -G PADC
使用
PADC软件包[-C目录]软件包:要安装的依赖关系软件包的名称-c:指定依赖项软件包的目录名称,如果您不指定目录,则可以具有以下选项:
用户评论
蔚蓝的天空〃没有我的翅膀
想在vscode 上体验AntFu 的强大功能,这真是个好想法!
有9位网友表示赞同!
丢了爱情i
我也用过AntFu,真的很好用!这个小工具能提升使用体验吗?
有9位网友表示赞同!
陌上花
好奇这个小工具的功能,可以详细介绍一下吗?
有19位网友表示赞同!
拥菢过后只剰凄凉
作为 vscode 新手,我对 AntFu 还没了解,需要深入学习一下它了!
有11位网友表示赞同!
安陌醉生
开发工具真好啊!期待看到你的作品!
有9位网友表示赞同!
£烟消云散
vscode 插件很多,这个小工具能解决哪些问题呢?
有6位网友表示赞同!
素衣青丝
听说 antfu 很强大,可以加快前端开发速度吗?
有17位网友表示赞同!
巴黎盛开的樱花
希望这个小工具能够方便大众使用 AntFu,普及前端开发经验!
有17位网友表示赞同!
绳情
vscode 的插件真是丰富多彩啊,学习学习!
有13位网友表示赞同!
不识爱人心
对程序员来说,高效的工具很重要,期待这个小工具能让人们更轻松地开发!
有15位网友表示赞同!
惦着脚尖摘太阳
你平时用 AntFu 开发哪些类型的项目?
有9位网友表示赞同!
来瓶年的冰泉
分享一下你使用 AntFu 的经验吧!
有18位网友表示赞同!
冷落了♂自己·
学习新技能真是让我兴奋!我要去学习 AntFu 和这个小工具了!
有18位网友表示赞同!
疲倦了
你的 Github 上有这个小工具的代码吗?很想去看看!
有12位网友表示赞同!
陌離
vscode 用户们应该都要了解一下这个小工具!它一定很实用!
有9位网友表示赞同!
无所谓
我一直在寻找可以提升 vscode 使用效率的插件,期待这个小工具能满足我的需求!
有20位网友表示赞同!
百合的盛世恋
学习编程真的太棒了,能够开发出这样实用的工具真是太有意义!
有7位网友表示赞同!
空谷幽兰
我想去看看这个小工具是怎么运作的,学习一下你的思路!
有11位网友表示赞同!
放血
期待你能继续开发更多优秀的开源项目!
有5位网友表示赞同!