{"id":13521602,"url":"https://github.com/ElemeFE/vscode-element-helper","last_synced_at":"2025-03-31T20:32:05.750Z","repository":{"id":22548375,"uuid":"96659005","full_name":"ElemeFE/vscode-element-helper","owner":"ElemeFE","description":" VSCode-Element-Helper is a VS Code package for Element-UI.","archived":false,"fork":false,"pushed_at":"2022-12-07T17:29:19.000Z","size":288,"stargazers_count":244,"open_issues_count":22,"forks_count":41,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-18T15:55:28.919Z","etag":null,"topics":["element-ui","vscode"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/ElemeFE.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-07-09T03:34:35.000Z","updated_at":"2025-02-12T09:12:13.000Z","dependencies_parsed_at":"2022-08-07T10:15:50.892Z","dependency_job_id":null,"html_url":"https://github.com/ElemeFE/vscode-element-helper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ElemeFE%2Fvscode-element-helper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ElemeFE%2Fvscode-element-helper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ElemeFE%2Fvscode-element-helper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ElemeFE%2Fvscode-element-helper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ElemeFE","download_url":"https://codeload.github.com/ElemeFE/vscode-element-helper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246536112,"owners_count":20793387,"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":["element-ui","vscode"],"created_at":"2024-08-01T06:00:36.384Z","updated_at":"2025-03-31T20:32:05.480Z","avatar_url":"https://github.com/ElemeFE.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Tools"],"sub_categories":[],"readme":"# VSCode-Element-Helper\n\n\u003e VSCode-Element-Helper is a VS Code extension for Element-UI. If you use ATOM editor, please go to [ATOM version](https://github.com/ElemeFE/element-helper)\n\nElement-UI is a great library. More and more projects use it. So, For helping developer write more efficient by Element-UI, VSCode-Element-Helper is born.\n\n## Feature\n\n* Document\n\n* Autocomplete\n\n\tsupport vue, html and jade/pug language\n\n* Snippets\n\n\n## Document\n\n### Usage\n\n1 - Move cursor to Element-UI tag or select it\n\n2 - Press default hot key `ctrl + cmd + z`(windows: `ctrl + win + z`) or \n    Press ⇧⌘P to bring up the Command Palette and then input `element-helper.search`\n\n3 - Show document view If complete matching,\n    or you should select tag you want to search\n\n4 - Enter and trigger document browser\n\n![document](https://user-images.githubusercontent.com/1659577/27990775-4b7db888-6494-11e7-9b27-3ec7fa5f99b7.gif)\n\n### Version, Quotes, Indentation size and Language Switching\n\n1 - Enter `Preferences` -\u003e `setting` or shortcut `cmd` + `,`\n\n2 - Modify language, version or indentation size\n```javascript\n  \"element-helper.language\": \"zh-CN\",\n  \"element-helper.version\": \"1.3\",\n  \"element-helper.indent-size\": 2,\n  \"element-helper.quotes\": \"double\",    // html vue qoutes\n  \"element-helper.pug-quotes\": \"single\" // jade/pug quotes\n```\n\n### Auto Update Mechanism\n\nDocument is off-line and auto synchronize with Element-UI official site.\n\n### Keymap\n\nDefault hot key is  `ctrl + cmd + z`( windows: `ctrl + win + z`). If it has conflicted with other software's hot key. You can customize it. see [keybindings](https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-editor)\n\n\n## Autocomplete\n\n![autocomplete](https://user-images.githubusercontent.com/1659577/27990774-4b7b3662-6494-11e7-83a4-9e6ed3ef698a.gif)\n\n* Distinguish and auto complete property and method for every Element-UI tag\n\n* Prompt value when value is some special type like Boolean or ICON.\n\n\n## Snippets\n\n![snippets](https://user-images.githubusercontent.com/1659577/27990776-4b9386f4-6494-11e7-9c08-596a13afd706.gif)\n\nSupport snippets list:\n\n* `msg`\n\n  ```\n  this.$message({\n    message: '',\n    type: ''\n  })\n  ```\n\n* `alert`\n\n  ```\n  this.$alert('', '', {\n    confirmButtonText: '',\n    callback: () =\u003e {}\n  });\n  ```\n\n* `confirm`\n\n  ```\n  this.$confirm('', '', {\n    confirmButtonText: '',\n    cancelButtonText: '',\n    type: ''\n  }).then(() =\u003e {})\n    .catch(() =\u003e {});\n  ```\n\n* `prompt`\n\n  ```\n  this.$prompt('', '', {\n    confirmButtonText: '',\n    cancelButtonText: '',\n    inputPattern: //,\n    inputErrorMessage: ''\n  }).then(({ value }) =\u003e {})\n    .catch(() =\u003e {});\n  ```\n\n* `msgb`\n\n  ```\n  this.$msgbox({\n    title: '',\n    message: '',\n    showCancelButton: '',\n    confirmButtonText: '',\n    cancelButtonText: '',\n    beforeClose: (action, instance, done) =\u003e {}\n  }).then(action =\u003e {});\n  ```\n\n* `notify`\n\n  ```\n  this.$notify({\n    title: '',\n    message: ''\n  });\n  ```\n\n## Contribution\n\nYour pull request will make VSCode-Element-Helper better.\n\n## LICENSE\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FElemeFE%2Fvscode-element-helper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FElemeFE%2Fvscode-element-helper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FElemeFE%2Fvscode-element-helper/lists"}