相信国内做前端的同学应该都接触过element-ui吧，这是一个经典的使用最为广泛的vue开发框架。

我们在开发的过程中，经常会需要引入这个element-ui的组件，包括组件属性、事件的查看。如果我们每次开发都打开官网来查看，是不是太影响我们的效率了？

下面介绍一款好用的vscode插件来帮住大家解决这个问题。

它就是vscode插件 vue-helper。

vue-helper对element-ui框架的提效主要集中在4个部分。

• 组件标签代码块生成
• 属性提示
• 属性值提示
• 文档查看及框架官网访问

目前插件支持element-plus组件标签的所有62个组件，总计62个代码块缩写。

1、组件代码块生成

通过el开头的方式直接显示element-ui的所有组件，便于我们快速定位引入。

2、属性提示?

在element-ui组件中，通过快捷提示的方式可以直接显示该组件有拥有的属性，包括功能说明，是不是很便捷。

3、属性值提示?

对于组件属性值，我们也能够友好的提示，这样就不会需要我们手敲了。哈哈。

4、文档查看，官网跳转?

最重要的是，官网的很多示例，有时我们可以参考。你只需要把鼠标放在组件标签上面，然后点击。我们就可以直接跳转到element-ui的官网。是不是很方便。

如果你觉得该插件对你有用，请动动你的手指，帮忙点赞，转发，三连哦！！！