인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다.

정제혁님, Volar를 사용하실 때 컴포넌트 자동완성 기능이 제대로 작동하지 않는 문제가 있으시군요. 이러한 문제는 여러 가지 요인에 의해 발생할 수 있습니다. 우선 아래 몇 가지 확인 사항을 안내해 드립니다.

1. Volar와 Vetur 충돌 여부: Volar와 Vetur가 동시에 설치되어 있을 경우 충돌이 발생할 수 있습니다. Volar로 작업하신다면 Vetur를 비활성화하시길 추천드립니다.

2. 자동완성 설정 확인: Visual Studio Code의 설정에서 ‘Volar’ 또는 ‘Vetur’ 확장 프로그램 설정 부분을 체크하여, 자동완성 옵션이 올바르게 설정되어 있는지 확인하시기 바랍니다.

3. 컴포넌트 선언 확인: Template에서 사용한 컴포넌트들이 script 부분에 적절히 import되고 등록됐는지 확인해 주세요. 컴포넌트가 누락되거나 잘못 작성된 경우 자동완성에 영향을 미칠 수 있습니다.

4. 문법 체크: 이미지에서 제시된 것처럼 <script>의 끝 태그에 오타가 있는 점을 볼 수 있습니다. <script>와 같은 기본 태그가 잘못 기입되면 자동완성 기능에 문제를 일으킬 수 있으니 수정을 권장드립니다.

이와 같은 명백한 오류를 해결하면 자동완성 기능이 더욱 원활해 질 수 있습니다. 만약 문제가 지속된다면, Visual Studio Code와 관련 플러그인을 최신 버전으로 업데이트하시고 이를 테스트해 보시기 바랍니다.

추가로, 아래 링크를 참고하여 다른 개발자들의 케이스와 해결 방법을 확인하시면 도움이 될 수 있습니다:
- vue 템플릿 자동완성 안되요 - 기본적인 템플릿 자동완성 문제 해결 단계가 포함되어 있습니다.
- 자동완성 Setting 질문 - 자동완성 관련 일반적인 설정 확인 목록을 제공하고 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.