{"id":19327559,"url":"https://github.com/wejectchen/vue3-snippets-for-vscode","last_synced_at":"2025-07-16T01:14:04.943Z","repository":{"id":130628801,"uuid":"452545896","full_name":"wejectchen/vue3-snippets-for-vscode","owner":"wejectchen","description":"vue3 snippets extension for vscode","archived":false,"fork":false,"pushed_at":"2022-08-16T13:22:10.000Z","size":11687,"stargazers_count":7,"open_issues_count":1,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-24T06:32:32.870Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=wejectchan.vue3-snippets-for-vscode","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wejectchen.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-27T05:01:55.000Z","updated_at":"2024-01-12T02:22:08.000Z","dependencies_parsed_at":"2024-03-17T03:32:50.531Z","dependency_job_id":null,"html_url":"https://github.com/wejectchen/vue3-snippets-for-vscode","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/wejectchen/vue3-snippets-for-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wejectchen%2Fvue3-snippets-for-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wejectchen%2Fvue3-snippets-for-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wejectchen%2Fvue3-snippets-for-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wejectchen%2Fvue3-snippets-for-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wejectchen","download_url":"https://codeload.github.com/wejectchen/vue3-snippets-for-vscode/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wejectchen%2Fvue3-snippets-for-vscode/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265473058,"owners_count":23772032,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T02:17:34.785Z","updated_at":"2025-07-16T01:14:04.900Z","avatar_url":"https://github.com/wejectchen.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue3-snippets-for-vscode\n\n这是一个适配 Vue3 Api 的 snippets 插件\n\n**新增特性: 支持快速 console.log，方便调试**\n\n-   输入 `clg` 一键开起 console，然后直接输入需要打印的变量即可。\n\n\u003cimg src=\"https://cdn.jsdelivr.net/gh/wejectchen/vue3-snippets-for-vscode@master/assets/clg_guide.gif?raw=true\" style=\"zoom: 30%;\" /\u003e\n\n**注意** :本插件可能不完全适用于 vue2\n\n## 大概这样用\n\n\u003cimg src=\"https://cdn.jsdelivr.net/gh/wejectchen/vue3-snippets-for-vscode@master/assets/guide.gif?raw=true\" style=\"zoom: 40%;\" /\u003e\n\n# 特性\n\n目前支持的代码片段\n\n### 模版片段\n\n|  关键词  |                                代码片段                                 |\n| :------: | :---------------------------------------------------------------------: |\n|  vinit   | `\u003ctemplate\u003e\u003c/template\u003e\u003cscript setup lang=\"ts\"\u003e\u003c/script\u003e\u003cstyle\u003e\u003c/style\u003e` |\n| template |                   `\u003ctemplate\u003e\u003cdiv\u003e\u003c/div\u003e\u003c/template\u003e`                    |\n| scripte  |                   `\u003cscript setup lang=\"ts\"\u003e\u003c/script\u003e`                   |\n|  style   |                        `\u003cstyle lang=\"\"\u003e\u003c/style\u003e`                        |\n|   css    |                        `\u003cstyle scoped\u003e\u003c/style\u003e`                         |\n|   scss   |                      `\u003cstyle lang=\"scss\"\u003e\u003c/style\u003e`                      |\n|   Sass   |                      `\u003cstyle lang=\"sass\"\u003e\u003c/style\u003e`                      |\n|   Less   |                      `\u003cstyle lang=\"less\"\u003e\u003c/style\u003e`                      |\n\n### script\u0026vue 片段\n\n|      关键词      |                   代码片段                   |\n| :--------------: | :------------------------------------------: |\n|       clg        |   `console.log('output-\u003e${0}',${0:name})`    |\n|      Import      |          `import {...} from '...'`           |\n|       Data       |            `data(){return {...}}`            |\n|      Setup       |          `setup(){...return{...}}`           |\n|      vText       |                `v-text=\"...\"`                |\n|      vHtml       |                `v-html=\"...\"`                |\n|      vShow       |                `v-show=\"...\"`                |\n|       vIf        |                 `v-if=\"...\"`                 |\n|      velse       |                   `v-else`                   |\n|     velseif      |              `v-else-if=\"...\"`               |\n|       vFor       |       `v-for=\"... in ...\" :key=\"...\"`        |\n| vFor(withoutKey) |             `v-for=\"... in ...\"`             |\n|       vOn        |                 `v-on=\"...\"`                 |\n|      vBind       |                `v-bind=\"...\"`                |\n|      vModel      |               `v-model=\"...\"`                |\n|      vSlot       |                `v-slot=\"...\"`                |\n|      vOnce       |                   `v-once`                   |\n|   iscomponent    |     `\u003ccomponent :is=\"...\"\u003e\u003c/component\u003e`      |\n|    **vprops**    | `const props = defineProps({ foo: String })` |\n|    **vemits**    |  `const emit = defineEmits(['...', '...'])`  |\n\n### vue-router 片段\n\n|      关键词      |                        代码片段                        |\n| :--------------: | :----------------------------------------------------: |\n|    beforeeach    |      `router.beforeEach((to, from, next) =\u003e{...}`      |\n|  beforeresolve   |    `router.beforeResolve((to, from, next) =\u003e {...}`    |\n|    afterEach     |         `router.afterEach((to, from) =\u003e {...}`         |\n|   beforeenter    |          `beforeEnter(to, from, next) {...}`           |\n| beforeRouteEnter |        `beforeRouteEnter(to, from, next) {...}`        |\n| beforeRouteLeave |        `beforeRouteLeave(to, from, next) {...}`        |\n|      vroute      | `{'path':...,name:...,component: () =\u003e import('...')}` |\n\n**Enjoy!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwejectchen%2Fvue3-snippets-for-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwejectchen%2Fvue3-snippets-for-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwejectchen%2Fvue3-snippets-for-vscode/lists"}