프로그래밍/Typescript

[typescript] vscode에서 typescript 프로젝트에 tslint 적용

일단개그하다 2019. 6. 9. 15:21

e이전 포스팅인 vscode에서 typescript 프로젝트 생성에서 생성한 프로젝트 기준으로 설명한다

vscode에서 typescript 프로젝트 생성

 

tslint를 사용하기 위해선 tslint, tslint-config-standard 두가지 모듈이 필요하다

$ yarn add --dev tslint tslint-config-standard

 

적용하고자 하는 프로젝트의 루트 디렉터리에 tslint.json 파일을 위의 내용으로 생성한다

 

tslint를 글로벌로 설치 하지 않았기 때문에 package.json에 sciprts에 명령어를 등록하여 사용할 수 있다

 

$ yarn tslint 명령어를 입력하면 위와 같이 위에서 설정한 tslint 설정에 맞지 않은 오류들이 출력된다

위 방법은 작업 중간에 작업자가 별도로 명령어를 입력하여 오류를 확인 해야하는 불편함이 있으므로 vscode에 tslint 확장 프로그램을 추가하여 실시간으로 확인한다

 

deprecated 되지 않은 tslint를 설치한다

 

설치가 끝나면 vscode에 열려있는 파일에 대하여 tslint에 맞지 않는 항목들이 PROBLEMS 탭에 나타난다