volar 기능을 이용해서 컴포넌트 명 작성할때 자동완성 기능
51
작성한 질문수 5
강의에서 보여주신 것처럼 템플릿에서 컴포넌트 태그 적고 엔터 또는 탭을 눌렀는데, 자동완성은 됩니다. 근데 다른 컴포넌트도 추가하면 이상하게 자동완성이 되는 현상이 있어요. 이거 저만 그런가요..?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
정제혁님, Volar를 사용하실 때 컴포넌트 자동완성 기능이 제대로 작동하지 않는 문제가 있으시군요. 이러한 문제는 여러 가지 요인에 의해 발생할 수 있습니다. 우선 아래 몇 가지 확인 사항을 안내해 드립니다.
Volar와 Vetur 충돌 여부: Volar와 Vetur가 동시에 설치되어 있을 경우 충돌이 발생할 수 있습니다. Volar로 작업하신다면 Vetur를 비활성화하시길 추천드립니다.
자동완성 설정 확인: Visual Studio Code의 설정에서 ‘Volar’ 또는 ‘Vetur’ 확장 프로그램 설정 부분을 체크하여, 자동완성 옵션이 올바르게 설정되어 있는지 확인하시기 바랍니다.
컴포넌트 선언 확인: Template에서 사용한 컴포넌트들이
script부분에 적절히 import되고 등록됐는지 확인해 주세요. 컴포넌트가 누락되거나 잘못 작성된 경우 자동완성에 영향을 미칠 수 있습니다.문법 체크: 이미지에서 제시된 것처럼
<script>의 끝 태그에 오타가 있는 점을 볼 수 있습니다.<script>와 같은 기본 태그가 잘못 기입되면 자동완성 기능에 문제를 일으킬 수 있으니 수정을 권장드립니다.
이와 같은 명백한 오류를 해결하면 자동완성 기능이 더욱 원활해 질 수 있습니다. 만약 문제가 지속된다면, Visual Studio Code와 관련 플러그인을 최신 버전으로 업데이트하시고 이를 테스트해 보시기 바랍니다.
추가로, 아래 링크를 참고하여 다른 개발자들의 케이스와 해결 방법을 확인하시면 도움이 될 수 있습니다:
- vue 템플릿 자동완성 안되요 - 기본적인 템플릿 자동완성 문제 해결 단계가 포함되어 있습니다.
- 자동완성 Setting 질문 - 자동완성 관련 일반적인 설정 확인 목록을 제공하고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
인가 코드 발급(프론트 vs 백)
0
24
2
tailwind css 적용 잘 안되면 참고하세요.
0
24
1
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
질문드립니다.
0
32
2
npm init vue@3.1.9
0
39
2
크롭 웹스토어 vue devtools 설치 관련
0
40
1
카카오 클라이언트 시크릿
0
194
2
snippets 작성하는 부분 설명이 있었나요?
0
48
2
ERD 질문
0
54
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
52
2
개발자 툴에서 Vue가 표시되지 않는 현상.
0
93
2
소스 공유 어디서 해야하는지 궁금합니다
0
60
2
component 등록과 사용
0
58
2
volar 확장 기능이 현재 미지원으로 뜹니다.
0
176
1
vb 입력 후 스마트 완성이 뜨지 않습니다.
0
235
3
화면이 안나옵니다
1
201
2
watch newValue와 oldValue가 같은 이유?
0
219
1
composition api 재사용성에 대한 문의
1
343
1
강의 수강을 다시 할 수 있을까요
1
357
1
강의 노트 관련 문의입니다 :)!
2
367
1
할일추가, 조회 기능 리팩토링 App.vue 강의 내용이 없습니다
2
412
2