前言
我们在开发npm包的时候，会遇到调试包的情况，这时候需要link包，可以方便的本地调试。当我们开发维护多个包的时候。link很麻烦，会经常搞不清楚哪些link，哪些没link。于是，开发了一个vscode插件，可以可视化link和unlink。
插件安装
在vscode扩展中搜索Yarn Link List，选择
安装插件
使用
插件安装完成后，vscode左侧栏会出现Link List菜单。
菜单功能介绍
当我们开发了一个npm包zet-component,在这个目录的包执行yarn link,该包就是一个可以link的包，我们在其它项目当中打开Link List菜单就能看到刚才已经建立link的包。
1link 包2unlink(取消link) 包3link所有包4unlink(取消link) 所有包5刷新已经建立link的包
单独项目
在项目当中我们可以通过菜单菜单link和unlink包。
lerna多包项目
插件还支持lerna多包项目，会检索是否是lerna项目，如果是lerna项目，会列出packages文件夹下边所有的项目来让用户link和unlink。举例如下：
该项目是个多包项目，项目当中有mic和mig，打开菜单，会都显示出来。
结束语
有需要的小伙伴快来试试这个插件吧。目前yarn在windows和mac系统都已完成适配，npm还需要适配。 如果你觉得该文章不错，不妨
1、点赞，让更多的人也能看到这篇内容
2、关注我，让我们成为长期关系
3、关注公众号「前端有话说」，里面已有多篇原创文章，和开发工具，欢迎各位的关注，第一时间阅读我的文章
