Skip to content

PKief/vscode-angular-component-extractor

Repository files navigation


logo

Angular Component Extractor

Extract Angular Components based on editor selection

Description

This 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.

How to use

Preview

Configuration

Angular generates components with a prefix. This prefix can be customized via VS Code settings:

{
  "angular-component-extractor.default-prefix": "app"
}

Angular CLI

The extension is using Angular 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:

npm install -g @angular/cli

Feedback

As 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 in the repository. Further suggestions and ideas are also welcome in a discussion.