Angular 개발시 코드 컴플리션이 무척 잘되어서 생산성이 좋은데 템플릿에서도 코드 컴플리션을 지원하는 도구가 있어서 소개한다.

@angular/language-service 인데 이것도 사용하는 angular 버전에 맞춰서 devDependency에 설치하면 된다.

IntelliJ 계열에서는 아래와 같이 설정하면 개발환경 세팅이 완료된다.

npm i -D @angular/language-service

Settings > Language & Frameworks > TypeScript

Use TypeScript Service > Configure...
Code completion // checked
Use Angular service // checked

Resource