File Template for Angular components in Webstorm

angular-file-template-for-webstorm

import { ChangeDetectionStrategy, Component } from '@angular/core';
#set($componentName = "")
#foreach($str in $NAME.split("-"))
  #set($str = $str.substring(0,1).toUpperCase()+$str.substring(1))
  #set($componentName = $componentName + $str)
#end
@Component({
  selector: 'app-${NAME}',
  templateUrl: './${NAME}.component.html',
  styleUrl: './${NAME}.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
})
export class ${componentName}Component {

}

Now when you create a file of angular

It creates the full folder.

import { ChangeDetectionStrategy, Component } from '@angular/core';
@Component({
  selector: 'app-test-component',
  templateUrl: './test-component.component.html',
  styleUrl: './test-component.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
})
export class TestComponentComponent {

}