{"id":16611139,"url":"https://github.com/pkief/vscode-angular-component-extractor","last_synced_at":"2025-10-29T18:30:26.945Z","repository":{"id":40926198,"uuid":"364656989","full_name":"PKief/vscode-angular-component-extractor","owner":"PKief","description":"VS Code Extension to extract HTML Code into Angular components","archived":false,"fork":false,"pushed_at":"2023-03-14T15:53:45.000Z","size":2083,"stargazers_count":3,"open_issues_count":11,"forks_count":0,"subscribers_count":4,"default_branch":"develop","last_synced_at":"2024-05-01T22:08:36.447Z","etag":null,"topics":["angular","html","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=PKief.angular-component-extractor","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/PKief.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-05T17:33:13.000Z","updated_at":"2022-12-15T20:39:56.000Z","dependencies_parsed_at":"2023-02-08T13:45:32.716Z","dependency_job_id":null,"html_url":"https://github.com/PKief/vscode-angular-component-extractor","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKief%2Fvscode-angular-component-extractor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKief%2Fvscode-angular-component-extractor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKief%2Fvscode-angular-component-extractor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PKief%2Fvscode-angular-component-extractor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PKief","download_url":"https://codeload.github.com/PKief/vscode-angular-component-extractor/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219857396,"owners_count":16556065,"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":["angular","html","vscode","vscode-extension"],"created_at":"2024-10-12T01:35:16.494Z","updated_at":"2025-10-29T18:30:21.599Z","avatar_url":"https://github.com/PKief.png","language":"TypeScript","readme":"\u003ch1 align=\"center\"\u003e\n  \u003cbr\u003e\n    \u003cimg src=\"./images/logo.png\" alt=\"logo\" width=\"200\"\u003e\n  \u003cbr\u003e\u003cbr\u003e\n  Angular Component Extractor\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003eExtract Angular Components based on editor selection\u003c/h4\u003e\n\n## Description\n\nThis extension for VS Code makes it easier to split components in an Angular project. Within a template you can select the part which should be extracted. Then another component is generated in the same directory using the Angular CLI.\n\n## How to use\n\n![Preview](./images/preview.gif)\n\n## Configuration\n\nAngular generates components with a prefix. This prefix can be customized via VS Code settings:\n\n```json\n{\n  \"angular-component-extractor.default-prefix\": \"app\"\n}\n```\n\n## Angular CLI\n\nThe extension is using [Angular CLI](https://angular.io/cli) under the hood. If the CLI is not installed it will execute it via NPX. In general, it's recommended to install the Angular CLI on the system to get a better performance of this extension:\n\n```\nnpm install -g @angular/cli\n```\n\n## Feedback\n\nAs this extension is quite new on the VS Code Marketplace it would be nice if you could leave us some feedback. In case of any issues let us know of that and [create an issue](https://github.com/PKief/vscode-angular-component-extractor/issues/new) in the repository. Further suggestions and ideas are also welcome in a [discussion](https://github.com/PKief/vscode-angular-component-extractor/discussions).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkief%2Fvscode-angular-component-extractor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpkief%2Fvscode-angular-component-extractor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpkief%2Fvscode-angular-component-extractor/lists"}