안녕하세요. 앙귤라(앵귤러)를 개발을 좀 더 빠르고 편하게 할 수 있도록 도와주는 확장 도구를 몇가지 소개합니다. 대부분은 알고 있는 내용일텐데요. 처음 접하는 분들은 기본적으로 이정도는 설치하고 시작하는게 좋습니다^^

 

 

먼저 아래 그림처럼 확장을 클릭하고 하나씩 설치 해보세요.

 

 

1. TsLint (티에스 린트)

TSLint는 TypeScript 코드에서 가독성, 유지 관리성 및 기능 오류를 검사하는 확장 가능한 정적 분석 도구입니다 . 최신 편집기 및 빌드 시스템에서 광범위하게 지원되며 사용자의 보푸라기 규칙 구성 및 포맷터로 사용자 정의 할 수 있습니다. 확장 도구들을 검색할 수 있는 창이 표시됩니다. tslint를 입력하고 가장 최신 버전을 설치합니다. 이미 설치되어 있어서 톱니바퀴 모양의 아이콘으로 표시되지만, 처음 설치시에는 Install로 표시됩니다.

 

 

2. Angular Snippets (앙귤라 스니펫)

이 확장은 Angular를 사용하고 더 이상 AngularJS (Angular 1)를 사용하지 않는 개발자를 위해 최적화되었습니다. AngularJS 키워드를 입력하면 Angular 솔루션을 제안합니다. 이것은 의도적으로 설계된 것으로 개발자가 AngularJS 개념과 기술이 Angular에 어떻게 매핑되는지 배우는 데 도움이됩니다. 쉽게 말하면 키워드를 자동완성 시켜주는 기능입니다.

 

 

3. NG-ZORRO Snippets (엔지-조로 스니펫)

.html 파일에 < 를 입력하여 인텔리전스 목록의 모든 구성 요소를 트리거 한 후 Tab 또는 Enter를 누르면 자동으로 완료됩니다. 또한 몇 가지 일반적인 완료 코드 스니펫이 내장되어 있으며 접두사가 nzs-입니다.

 

 

4. Angular Files (앙귤라 파일)

이 확장을 사용하면 VS Code 프로젝트에서 angular 2 파일 템플릿을 빠르게 스캐폴드 할 수 있습니다. 이제 이름을 기억하지 않고도 angular-cli 리소스 생성 옵션을 활용할 수 있습니다. Angular Files는 자동으로 angular.json을 스캔하여 이미 설정 한 기본 옵션을 결정하고 현재 값을 표시하는 동안 재정의하도록합니다.

※ 스캐폴드(스캐폴딩)는 개발자가 쉽게 기능을 구성할 수 있도록 패키지화 된 템플릿을 만들어주는 기술입니다. 이 기능을 사용하면 서로 관련된 구성 요소들을 쉽게 추가하고 관리할 수 있습니다.

추천0 비추천0