PluginStatsvue3-snippets-for-vscode installs statistics
By wejectchan · VS Code Marketplace · Snippets
a vue3 snippets for vscode
vue3-snippets-for-vscode has 256,759 recorded installs on VS Code Marketplace, ranking #1288 of 2,501 tracked listings.
Rating: 5.00 / 5 from 1 ratings
About vue3-snippets-for-vscode
vue3-snippets-for-vscode
这是一个适配 Vue3 Api 的 snippets 插件
新增特性: 支持快速 console.log，方便调试
- 输入
clg一键开起 console，然后直接输入需要打印的变量即可。
注意 :本插件可能不完全适用于 vue2
大概这样用
<img src="https://cdn.jsdelivr.net/gh/wejectchen/vue3-snippets-for-vscode@master/assets/guide.gif?raw=true" style="zoom: 40%;" />特性
目前支持的代码片段
模版片段
| 关键词 | 代码片段 |
|---|---|
| vinit | <template></template><script setup lang="ts"></script><style></style> |
| template | <template><div></div></template> |
| scripte | <script setup lang="ts"></script> |
| style | <style lang=""></style> |
| css | <style scoped></style> |
| scss | <style lang="scss"></style> |
| Sass | <style lang="sass"></style> |
| Less | <style lang="less"></style> |
script&vue 片段
| 关键词 | 代码片段 |
|---|---|
| clg | console.log('output->${0}',${0:name}) |
| Import | import {...} from '...' |
| Data | data(){return {...}} |
| Setup | setup(){...return{...}} |
| vText | v-text="..." |
| vHtml | v-html="..." |
| vShow | v-show="..." |
| vIf | v-if="..." |
| velse | v-else |
| velseif | v-else-if="..." |
| vFor | v-for="... in ..." :key="..." |
| vFor(withoutKey) | v-for="... in ..." |
| vOn | v-on="..." |
| vBind | v-bind="..." |
| vModel | v-model="..." |
| vSlot | v-slot="..." |
| vOnce | v-once |
| iscomponent | <component :is="..."></component> |
| vprops | const props = defineProps({ foo: String }) |
| vemits | const emit = defineEmits(['...', '...']) |
vue-router 片段
| 关键词 | 代码片段 |
|---|---|
| beforeeach | router.beforeEach((to, from, next) =>{...} |
| beforeresolve | router.beforeResolve((to, from, next) => {...} |
| afterEach | router.afterEach((to, from) => {...} |
| beforeenter | beforeEnter(to, from, next) {...} |
| beforeRouteEnter | beforeRouteEnter(to, from, next) {...} |
| beforeRouteLeave | beforeRouteLeave(to, from, next) {...} |
| vroute | {'path':...,name:...,component: () => import('...')} |
Enjoy!
Description from the VS Code Marketplace listing.
- snippet
- snippets
- vue
- vue3
README badge
Show your rank in a README or on your website. The badge updates automatically.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Ratings over time
Listing placement
Listing placement
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Each band is one page of 20. Installs on a linear scale. Placement is projected from installs, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Recent observations
Full history (5)Similar VS Code Marketplace Snippets plugins
All 20 vue3-snippets-for-vscode alternativesData source
Install counts, average rating, and rating counts come from the public Visual Studio Marketplace gallery API. Installs are cumulative and exclude updates.
Listing: https://marketplace.visualstudio.com/items?itemName=wejectchan.vue3-snippets-for-vscode. First seen Oct 16, 2026; last successful collection Oct 20, 2026. See the methodology.