модуль угловой анимации css snippet на vscode

Question

угловой BrowserAnimationsModule можно написать анимацию в компоненте. например:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  animations: [
    trigger('divState', [
      state('normal', style({
        'background-color': 'red',
        transform: 'translateX(0)'
      })),
      state('highlighted', style({
        'background-color': 'blue',
        transform: 'translateX(100px)'
      })),
      transition('normal <=> highlighted', animate(300)),
    ]),
  ]
})

state, transition можно установить стиль анимации, но в этом блоке нет поддержки фрагмента.

Это не удобно, если у вас нет инструментов сниппетов, когда у вас есть много анимационных эффектов для записи. есть какие-нибудь инструменты сниппета css на visual studio code? например, когда вы работаете с .css или .scss файлом.