{"id":13536291,"url":"https://github.com/OYsun/vscode-VueHelper","last_synced_at":"2025-04-02T03:30:25.256Z","repository":{"id":215851322,"uuid":"77163450","full_name":"OYsun/vscode-VueHelper","owner":"OYsun","description":":monkey_face:vscode插件，vue，vue-router和vuex的代码提示","archived":false,"fork":false,"pushed_at":"2018-06-27T03:29:16.000Z","size":4251,"stargazers_count":357,"open_issues_count":13,"forks_count":31,"subscribers_count":11,"default_branch":"dev","last_synced_at":"2025-03-26T08:11:08.415Z","etag":null,"topics":["editor","snippets","vscode","vuejs"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=oysun.vuehelper","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OYsun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2016-12-22T17:27:20.000Z","updated_at":"2025-01-21T06:36:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"0dd262b8-ce40-4e4a-99fa-99e45eeeeb1f","html_url":"https://github.com/OYsun/vscode-VueHelper","commit_stats":null,"previous_names":["oysun/vscode-vuehelper"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OYsun%2Fvscode-VueHelper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OYsun%2Fvscode-VueHelper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OYsun%2Fvscode-VueHelper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OYsun%2Fvscode-VueHelper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OYsun","download_url":"https://codeload.github.com/OYsun/vscode-VueHelper/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750727,"owners_count":20827773,"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":["editor","snippets","vscode","vuejs"],"created_at":"2024-08-01T09:00:36.808Z","updated_at":"2025-04-02T03:30:24.952Z","avatar_url":"https://github.com/OYsun.png","language":"JavaScript","readme":"# VueHelper\n\n ![logo](./src/images/logo.jpg)\n\n## Notes\n\n- 版本更新详情请浏览[releases](https://github.com/OYsun/vscode-VueHelper/releases)\n- 关于文件配置问题,请务必看这里：https://github.com/OYsun/vscode-VueHelper/issues/1\n\n## feature\n- （1） may be the best vue code snippets plug-ins in Vscode, not only includes the vue2 all api, also contains vue-router 2 and vuex 2 code \n\n- （2） Each snippet has a detailed description, mainly to facilitate learning, because when learning to forget the use of an api, often to consult the document will be a waste of time, so I will increase the description of each code snippet, description of the basis are derived from official documents \n    - [vue](http://cn.vuejs.org/) | [vue-router](https://router.vuejs.org/zh-cn/) |  [vuex](https://vuex.vuejs.org/zh-cn/)\n![zh](./src/images/description.gif)\n\n\n\n## snippets\n\n- The code standard style base on [JavaScript Standard Style](https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style) \n\n- In vue and vue-router, vuex general `$` are the beginning of the vm api,In the vscode code snippet prepared by the `$` is a variable, when you enter $ is no role。So for all \"$\" please enter `vm` \n\n![$](./src/images/$.gif)\n\n- Tips for the way Many plug-ins is to use shorthand，for example, the router object method, enter `rtb-\u003e` will prompt `router.beforeEach()`,This is convenient, but need to force you to remember, not friendly.So what I've taken is that when you type `router`, it lists all the properties and methods of the router object \n\n![snippets](./src/images/snippet.gif)\n\n### Vue code snippets\n\n![vue](./src/images/VueSnippets.gif)\n\n\n### vue-router code snippets\n\n![vue-router](./src/images/VueRouterSnippets.gif)\n\n\n### vuex code snippets\n\n![vuex](./src/images/VuexSnippets.gif)\n\n\n## Installation\n\n* [vscode Extensions Marketplace](https://marketplace.visualstudio.com/items?itemName=oysun.vuehelper)\n```javascript\next install VueHelper\n```\n\n## Contributing\nThis is an open source project open to anyone. Contributions are extremely welcome :[github](https://github.com/OYsun/vscode-VueHelper) \n\n## Release Notes\n\n### More versions of the information, please click [here](https://github.com/OYsun/vscode-VueHelper/releases) \n\n\n","funding_links":[],"categories":["辅助工具","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Snippets"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FOYsun%2Fvscode-VueHelper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FOYsun%2Fvscode-VueHelper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FOYsun%2Fvscode-VueHelper/lists"}