大家好,我是 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
文件,当你认为这样就结束了的时候,

components
,然后再点击,会进入到import
语句,然后再点from source
,然后或许你还会阅历之前的过程,别的你还不排除或许会遇到在模板中动态导入组件途径的,这时候你的跳转,也是不能直达组件的
说了那么多诉苦的话,说说这个组件的功用吧,简略的来说就是能解决上述一切的问题
- 让你一步到位,来回都是一步,解决了
2n
->2
- 而且他甚至能直接跳转第三方组件库的源码,举个比如当你运用相似ant-design-vue,你假如想看一下他里边的简略实现,你正常点击完一定是跳到
.d.ts
的类型文件,这个组件能直接定位到源码方位 - 当你在vue模板中运用了模板中函数结构出来的变量,也能直接跳到真实定义的方位,举个比如



- 供给了变量展示的作用,告知你当时基本的初始值,变量名,类型等等的信息

- 供给了类型概况,和直接跳转到类型方位的才能

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。