[VScode] VScode 모듈 자동 import 상대경로로 변경하기

VScode에서는 모듈에 관련한 메소드 등을 사용시 자동으로 import를 해주는 좋은 기능이 있습니다.

(외부라이브러리 혹은 개인이 작성한 모듈 역시 가능합니다)

이때 모듈을 상대경로로 가져올지 절대 경로로 가져올지에 대한 설정이 있습니다.

이에 대해 알아보려 합니다.

VScode import 설정 확인해보기

1.VScode의 설정으로 들어갑니다

맥북의 경우 단축키는 Command + , 입니다.

2.import 설정 확인하기

설정에서 Import Module Specifier를 검색해줍니다.

언어 별로 해당 설정이 존재하는 걸 볼 수 있습니다.

shortest(경로문이 가장 짧은)은 default값입니다.

3.relative(상대경로)로 바꿔주기

저는 TypeScript도 바꿔주었습니다.

설정 적용 확인하기

저는 ts파일을 하나 만들어 node_modules과 제 Entity를 import 해보겠습니다.

node_modules에 있는것은 모듈명만 나머지 엔티티는 상대경로로 가져오는것을 확인 할 수 있습니다.