Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AngularJS Component GeneratorNew to Visual Studio Code? Get it now.
AngularJS Component Generator

AngularJS Component Generator

Oleksandr Hutsulyak

|
19,605 installs
| (0) | Free
This extension helps to generate basic component structure with stylesheet, controller, template and a jasmine spec file
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

angularjs-component-generator README

This extension helps to generate AngularJS component file structure as follows files under projectRoot/app directory as project's root:

  • app/
  • - component_name/
  • -- component_name.component.js
  • -- component_name.component.spec.js
  • -- component_name.component.scss
  • -- component_name.component.tpl.html

Features

Add a file structure with command palette:

  1. Go to command palette CMD+P and execute "Generate new Angularjs component" command
  2. Enter component's name
  3. Enter path to component

Add a file structure with contextual menu from explorer:

  1. Open needed folder in file explorer
  2. Right click on parent component's folder
  3. Choose "Generate new Angularjs component"
  4. Enter new component's name in Input box

Upon generation, *.component.js and *.component.spec.js will also get basic contents template generated inside of each of given files.

Requirements

Source files should be inside app directory of project's root

Release Notes

0.0.1

Initial extension release.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft