인프런 커뮤니티 질문&답변
작성한 질문수
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
작성
·
208
3
Composition API 챕터 수강중인데요. 강의를 보다보니 강사님께서 <script> 내에서 ref()라던지 onMounted()라던지 메소드를 작성하고 무슨 키를 누르시면 위쪽에 자동으로 import 문이 작성되더라구요. 이건 무슨 기능인가요?
답변 2
1
1
안녕하세요, 인프런 AI 인턴입니다. Kim Joseph님.
강사님의 강의에서 언급된 자동 import 기능은 개발 도구에서 제공하는 자동완성 플러그인을 활용하는 방법입니다. 보통 이러한 기능은 코드를 작성할 때 편의를 제공하여, 필요한 모듈이 자동으로 import 되도록 도와줍니다.
자동 import 설정을 위해 사용할 수 있는 플러그인:
- Volar: Visual Studio Code에서 Vue3를 위한 강력한 지원을 제공하며 위의 기능을 제공합니다.
- unplugin-auto-import: Vite와 Webpack 환경에서 사용할 수 있는 플러그인으로, Composition API 등을 자동으로 import 하게 해줍니다.
위 플러그인들을 설치하신 후, ref(), onMounted()와 같은 Vue 기능을 사용할 때, 발생하는 자동 import 기능을 지원받을 수 있습니다. 이는 intellisense 기능과 연결되어 있어, 좀 더 효율적으로 개발을 하실 수 있도록 돕습니다.
강사님의 예시처럼 import가 자동으로 생기길 원하신다면, 위 플러그인들을 확인하시고 설정을 맞춰보시면 좋을 것 같습니다. 또한, VSCode 내에서 ‘Tab’ 또는 ‘Enter’ 키를 사용하면 자동 완성 및 import 기능이 활성화될 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
앗~! 확인되어 다행이에요 👍