[리액트] VSCode 익스텐션/컴포넌트 import 간단하게 하기 (Auto Import)

 

리액트를 사용하며 직접 만든 component를 직접 import 하기가 상당히 귀찮다 (특히 속한 폴더가 다르다면 더더욱..)

​

이럴 때 Auto Import를 사용하면 간단히 해결할 수 있다.

비주얼 스튜디오 코드에서 Extensions 탭을 들어가서 검색창에 Auto Import를 검색하면 바로 나온다!

---

사용 방법

​

예시 폴더 - src - components - Router.js가 있고

예시 폴더 - src - routes - Auth.js가 있다.

Router.js에서 Auth 컴포넌트를 불러오고 싶을 때

Auth를 입력하면 자동으로 import가 생성된다!!

​

​

생성된 경로인데.. 이 익스텐션은 정말 유용한 것 같다.

​