大家好,我是 Simon,一个开源爱好者,今天给大家推荐的插件是 common-intellisense, 或许你用过也或许你没用过,但是这篇文章会告诉你这个宝藏插件的作用。
一句话解释,它是提供 UI 组件库代码提示的 vscode 插件,你一定在想不是 typescript 就已经知道组件上的传参相关的信息了吗,为什么还要装插件,typescript 提供的那个信息是真的不方便去查看,因为类型会被 wrapper 很多层,你可能需要点击到类型文件再去找到对应的组件传参数,或者你选择从文档上对照文档传参反复切换开发,这一定是你们使用 UI 开发的方式之一。
但是,我会告诉你这个都不好,因为它很不方便,我为什么不能在 vscode 使用组件的时候提供给我所有组件上的传参,以及描述和类型还有默认参数呢?这样就省去了上面的痛点。
我就不再贴图去演示这个插件的能力了,大家可以从官网的 demo 看到,也可以自行安装体验。
最近呢,这个插件迎来一个巨大的改动,我将原本内置在插件的 UI 配置全部拆包出去了,这样解决了频繁改动去发布插件的问题,另外是真正做到按需加载,和实现了远程加载配置的能力
我来解释一下吧,我将 UI 配置单独发包,并且根据你当前项目的 pkg 去 match, 插件是否支持,如果支持去动态从 @common-intellisense 组织下拉取对应的 UI 包的最新版本,这样我组件更新,就只需要发布 UI 包,而不需要发插件就能更新了,所以这个远程获取就完全是按需的加载和利用缓存最大化利益,另外还考虑到,插件可能在没有网络的情况下去开发,支持了本地加载,你可以在外网去拷贝相关的 UI 配置链接文件,通过 U 盘拷贝到内网,配置使用本地加载。
哦,对了,忘记一个很重要的一点
特别交代一下,如果,你们公司在做内部的 UI 组件,你可以借助这个插件来生成代码提示,你参考@common-intellisense 下的 UI 组件,可以单独发布一个你们 UI 组件的配置,然后去通过远程 Uri 的方式去加载配置,那么你在使用公司内部 UI 开发时,也能有完美的开发体验了。
说了那么多,如果你没听到,没关系,下载体验一下吧,记得收藏点赞哦~
B站视频,可以给我点一波关注哦 😄