大家好,我是 Simon,想分享一个最近写的插件给大家,现在是能够白嫖的~
首要介绍一下这个插件解决了什么问题吧~
我相信很多人苦于ts的途径跳转已久,可是也就将就的用了,有的哥们或许都没意识到这是一个很糟糕的事情,到底是什么事情呢?
在运用vue组件,我最近是在基于vben做一些低代码的模板修正,vben相比应该用的人不少,是一个封装挺完全的模板,能够很灵敏的将json配置成组件,以及继承了api,和很丰富的钩子去自定义,可是灵敏的背后就是有人默默的给你去封装处理,当你遇到问题想去排查,或许想去扩展和自定义一些归于你司的一些风格的代码时,你或许很明白,我就改一改这个就能够了,可是,当你一层层点进slot的组件啦,一系列的钩子函数,一层套一层,是真的会诉苦,这还不是要点,由于当你点击模板跳组件的时候,由于他很或许是运用defineAsyncComponent
或许其他函数将本来的.vue
文件处理过了,所以你跳入的是下面的页面
import { withInstall } from '@/utils';
import collapseContainer from './src/collapse/CollapseContainer.vue';
import scrollContainer from './src/ScrollContainer.vue';
export const CollapseContainer = withInstall(collapseContainer);
export const ScrollContainer = withInstall(scrollContainer);
export * from './src/typing';
然后呢,你还要再去看他引入的是什么组件再去点到对应的.vue
文件,当你认为这样就结束了的时候,
点完途径,他还会弹出类型和组件2个途径让你选择,这些其实都是剩余的操作,假如你觉得这有什么大不了,不久多点2、3层罢了,假如你这样想,那我也没办法阻止你,但对于我来是很受困扰的,尤其是vscode里边跳着跳着,你或许之前的文件就突然没了,你一层层返回这样折腾,一来一回你认为仅仅多跳了6个文件途径,假如这个嵌套层级更深呢,你的来回都会依据嵌套的层级2n的复杂度在添加,会导致你的思路都受到影响,这仍是在最新版的setup中,或许再运用早起vue版本,你组件点击会先跳到底部的components
,然后再点击,会进入到import
语句,然后再点from source
,然后或许你还会阅历之前的过程,别的你还不排除或许会遇到在模板中动态导入组件途径的,这时候你的跳转,也是不能直达组件的
说了那么多诉苦的话,说说这个组件的功用吧,简略的来说就是能解决上述一切的问题
- 让你一步到位,来回都是一步,解决了
2n
->2
- 而且他甚至能直接跳转第三方组件库的源码,举个比如当你运用相似ant-design-vue,你假如想看一下他里边的简略实现,你正常点击完一定是跳到
.d.ts
的类型文件,这个组件能直接定位到源码方位 - 当你在vue模板中运用了模板中函数结构出来的变量,也能直接跳到真实定义的方位,举个比如
- 供给了变量展示的作用,告知你当时基本的初始值,变量名,类型等等的信息
- 供给了类型概况,和直接跳转到类型方位的才能