Vuesnippets插件原理和使用方法，如何深入理解并高效运用？

本文共计770个文字，预计阅读时间需要4分钟。

目录 + vue-snippets + snippets 是一个 Vue 3 snippets 插件，支持开发者高效编写代码。随着开发者需求的逐年增加，不仅头部功能有所丰富，重复的代码也不断增多，为了减少代码量，GitHub 用户提供了大量优质资源。

目录

• vue-snippets
• snippets是什么
• vue-3-snippets插件支持的功能

vue-snippets

随着开发者的年限的增加，不仅头发有点少，重复的代码也不断的增多，为了能够少写代码，GitHub友好的给我们提供了智能代码提示，而我们也以友好的方式赞助它，当然也有很多开发者写了类似的插件。

那我为什么要写呢？

我想要有适合自己的代码片段，同时也支持更多的代码片段，更加方便开发者快速使用。

snippets是什么

snippets简单来说就是代码片段，比如你想实现下面这段代码

<div v-for="item in items" :key="item.id"> {{ item }} </div>

那你每次重新手敲，是不是很麻烦，没有snippets的话那么你需要每个都手写

而当你使用snippets的时候，那么你可以直接使用vfor-arr并且写的时候还有提示，方便快速查看和使用（得益于vscode插件的功能）

很多人会在本地settings里面设置对应的一些基础片段，但是毕竟数量太多了，所以装插件是比较方便使用的。