VSCode Auto Import - import문 자동 생성

vscode에서 react나 node.js로 개발 시 import문 작성하는게 많이 귀찮은데 Auto Import 확장프로그램을 설치해서 사용하면 편리하다. 

 

vscode 좌측 메뉴 중 확장프로그램에서 "auto import"라고 검색하고 설치해주면 된다. 

그리고 vscode를 재기동 한다.

 

아래 예시와 같이 Router라고 입력하면 하단에 import 대상들이 표시되고 선택만 하면 상단에 import문이 추가 된다.

 

혹시 잘 안되는 경우 프로젝트 Root에 jsconfig.js 파일을 생성하고, 아래와 같이 넣어준 후 해보자

{
  "compilerOptions": {
    "target": "es6",
    "module": "es2015"
  }
}

 

 

연관 글:

VSCode Reactjs code snippets(코드 자동 생성)

 

VSCode 개발환경 - html 태그 자동 닫기 및 이름 변경(Auto Close Tag, Auto Rename Tag)