麦子_
前端
获得徽章 0
闲来没事，做了个vscode插件，专门为Vue的jym开发；
别再使用组合式时，把变量放一坨，计算属性放一坨，函数放一坨了；
插件名：Vue Region
功能：创建区域折叠、展开|折叠所有region块，支持html、js、css、vue
vscode二开的IDE安装方式：
marketplace.visualstudio.com
下载插件后，拖入插件栏
别再使用组合式时，把变量放一坨，计算属性放一坨，函数放一坨了；
插件名：Vue Region
功能：创建区域折叠、展开|折叠所有region块，支持html、js、css、vue
vscode二开的IDE安装方式：
marketplace.visualstudio.com下载插件后，拖入插件栏
展开
评论
点赞
我有一个想法，如何让尤雨溪看到？或大佬们有实现的可能吗？
UiTemplate组件
1、可以通过ref拿到UiSlot绑定is的组件ref
2、下面的插槽都会放在UiSlot绑定is的组件下
3、$attrs都会绑定到UiSlot绑定is的组件上
UiSlot组件
1、配合实现UiTemplate组件功能
2、name属性支持template原本功能，或者支持UiTemplate组件功能
3、is指定组件
// App.vue
<UiTest>
<UiTemplate ref="buttonRef" type="primary" #button>
<template #default>按钮</template>
</UiTemplate>
</UiTest>
// UiTest.vue
<template>
<div>
<UiSlot is="el-button" name="button" />
</div>
</template>
UiTemplate组件
1、可以通过ref拿到UiSlot绑定is的组件ref
2、下面的插槽都会放在UiSlot绑定is的组件下
3、$attrs都会绑定到UiSlot绑定is的组件上
UiSlot组件
1、配合实现UiTemplate组件功能
2、name属性支持template原本功能，或者支持UiTemplate组件功能
3、is指定组件
// App.vue
<UiTest>
<UiTemplate ref="buttonRef" type="primary" #button>
<template #default>按钮</template>
</UiTemplate>
</UiTest>
// UiTest.vue
<template>
<div>
<UiSlot is="el-button" name="button" />
</div>
</template>
展开
28
3
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
赞了这篇文章
环境：前端Vue项目，Trea开发久了
出现问题：
1、会导致样式的提示反应慢
2、快捷指令模板失效（例如：vbase-3-setup，来源Vue VSCode Snippets插件）
3、ai补全的提示和tab后的代码不一致
出现问题：
1、会导致样式的提示反应慢
2、快捷指令模板失效（例如：vbase-3-setup，来源Vue VSCode Snippets插件）
3、ai补全的提示和tab后的代码不一致
1
点赞
赞了这篇文章
![[泣不成声]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_40.348108b.png)
，附加个傻白甜就更好了