{"id":33001899,"url":"https://github.com/cnyballk/wxml-vscode","last_synced_at":"2025-11-16T07:00:48.241Z","repository":{"id":46560305,"uuid":"146986855","full_name":"cnyballk/wxml-vscode","owner":"cnyballk","description":":space_invader:Vscode plugin -- wechat applets formatting and highlighting components (highly customized)  ","archived":true,"fork":false,"pushed_at":"2021-10-05T20:37:26.000Z","size":205,"stargazers_count":35,"open_issues_count":12,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-29T10:11:58.359Z","etag":null,"topics":["miniprogram","weapp","wechat","wxml"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/cnyballk.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}},"created_at":"2018-09-01T09:50:32.000Z","updated_at":"2025-04-14T03:44:06.000Z","dependencies_parsed_at":"2022-08-26T03:32:37.394Z","dependency_job_id":null,"html_url":"https://github.com/cnyballk/wxml-vscode","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cnyballk/wxml-vscode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnyballk%2Fwxml-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnyballk%2Fwxml-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnyballk%2Fwxml-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnyballk%2Fwxml-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cnyballk","download_url":"https://codeload.github.com/cnyballk/wxml-vscode/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cnyballk%2Fwxml-vscode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":284672648,"owners_count":27044736,"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","status":"online","status_checked_at":"2025-11-16T02:00:05.974Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["miniprogram","weapp","wechat","wxml"],"created_at":"2025-11-13T14:00:24.544Z","updated_at":"2025-11-16T07:00:48.232Z","avatar_url":"https://github.com/cnyballk.png","language":"TypeScript","funding_links":[],"categories":["插件"],"sub_categories":[],"readme":"# wxml-vscode\n\n[wxml-vscode 仓库](https://github.com/cnyballk/wxml-vscode)\n\n[提问题](https://github.com/cnyballk/wxml-vscode/issues)\n\n    该库我已不再维护，但需要的话可以提pr或者各自fork单独修改\n\n## 安装\n\n通过 F1 或者 CMD + Shift + P 输入 install. 选择: Install Extension.\n\n## 特性\n\n- 格式化功能\n- 高亮组件功能\n\n### 如何使用格式化功能\n\n格式化 支持 通过 F1 或者 CMD + Shift + P 输入 format wxml 命令 或者右键菜单，也可以配置 wxmlConfig.onSaveFormat 开启保存后自动格式化\n\n**example**\n\n```html\n\u003c!-- if wxmlConfig.format.wrap_attributes_count === 2 --\u003e\n\u003cbutton id=\"x\" class=\"xx\"\u003e\u003c/button\u003e\n\u003cbutton id=\"x\"\u003e123\u003c/button\u003e\n\u003c!-- ⬇⬇⬇⬇ --\u003e\n\u003cbutton id=\"x\" class=\"xx\" /\u003e\n\u003cbutton id=\"x\"\u003e123\u003c/button\u003e\n```\n\nwxmlConfig.format 无特殊说明的配置的属性可以[这里看](https://github.com/beautify-web/js-beautify)\n\n```json\n// 高亮的颜色，可设置每个组件的自定义颜色, tagName:color\n// 例如 \u003ccustom\u003e 想渲染成黄色，可以添加字段 \"custom\":\"yellow\"\n\"wxmlConfig.activeColor\": {\n    \"color\": \"#e5c07b\"\n  },\n\n  // 是否禁用高亮组件\n  \"wxmlConfig.activeDisable\": false,\n  // 是否开启保存自动格式化\n  \"wxmlConfig.onSaveFormat\": false,\n\n  \"wxmlConfig.format\": {\n    \"brace_style\": \"collapse\",\n    \"end_with_newline\": false,\n    \"indent_char\": \"\",\n    \"indent_handlebars\": false,\n    \"indent_inner_html\": false,\n    \"indent_scripts\": \"keep\",\n    \"indent_size\": 2,\n    \"indent_with_tabs\": true,\n    \"max_preserve_newlines\": 1,\n    \"wrap_attributes_count\": 4,\n    \"unformatted\": \"['text']\",\n    \"disable_automatic_closing_labels\": false,\n    \"preserve_newlines\": true,\n    \"wrap_attributes\": \"force-expand-multiline\"\n  },\n\n  // 高亮所忽略的组件数组\n  \"wxmlConfig.tagNoActiveArr\": [\n    \"view\",\n    \"button\",\n    \"text\",\n    \"icon\",\n    \"image\",\n    \"navigator\",\n    \"block\",\n    \"input\",\n    \"template\",\n    \"form\",\n    \"camera\",\n    \"textarea\"\n  ]\n```\n\n### Concat\n\n\u003cimg width=\"200\" src=\"https://raw.githubusercontent.com/phonycode/wenaox/master/assets/WechatIMG2.jpeg\"\u003e\n\n### CHANGELOG\n\n[查看版本更新](https://github.com/cnyballk/wxml-vscode/blob/master/CHANGELOG.md)\n\n### LICENSE\n\n[MIT](https://github.com/cnyballk/wxml-vscode/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcnyballk%2Fwxml-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcnyballk%2Fwxml-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcnyballk%2Fwxml-vscode/lists"}