인계 모드란 무엇입니까?

과거에는 TS 및 Vue에 대한 다양한 언어 지원 모드를 살펴보았습니다.

• Vetur 모드 : 다른 확장에서 제공하는 Vue + TS 언어 지원.
• VueDX 모드 : TS Plugin으로 구현, Vue + TS 언어 지원은 VSCode 내장 TypeScript 확장으로도 제공됩니다.
• Volar 모드 : Vetur와 유사하지만 TS 플러그인을 사용하여 TS 언어 지원을 추가로 패치합니다.

Volar 모드의 문제점은 무엇입니까?

• 각 TS 프로젝트에 대해 VSCode 내장 TypeScript 확장 및 Volar는 2개의 언어 서비스 인스턴스를 생성하고 TS Plugin 프록시 프로그램에는 내장 TS 확장을 위한 추가 언어 서비스 인스턴스가 있으며 최종적으로 각 TS 프로젝트에 대해 6개의 언어 서비스 인스턴스가 있습니다. 이론상으로는 200%~300%의 메모리 사용량과 CPU 사용량이 있습니다.
• VSCode는 TS Plugin 활성화 설정을 지원하지 않으므로 Volar가 업데이트될 때마다 TS Plugin을 다시 활성화해야 합니다.

인계 모드는 Volar 모드 문제를 어떻게 해결합니까?

• 인계 모드는 VSCode 내장 TypeScript 확장을 사용하지 않고 Vue 언어 서버만 사용하여 Vue + TS 언어 지원을 제공합니다. 따라서 2개의 언어 서비스 인스턴스만 있습니다.
• 이 접근 방식에는 해킹이 없으며 업데이트된 각 확장 후에 더 이상 TS 플러그인용 vscode를 다시 로드할 필요가 없습니다.

인계 모드를 활성화하는 방법은 무엇입니까?

• Volar를 0.27.17로 업데이트하십시오.
• 내장 TypeScript 확장 비활성화:
  • 2.1. Extensions: Show Built-in Extensions명령
  • 2.2를 실행 합니다. 찾기 TypeScript and JavaScript Language Features, 마우스 오른쪽 버튼을 클릭하고 선택Disable (Workspace)
• VSCode 다시 로드,그런 다음 Vue 파일을 열어 Volar 활성화를 트리거합니다.(0.28.4에서 더 이상 필요하지 않음).

인계 모드를 비활성화하는 방법은 무엇입니까?

• 실행 Extensions: Show Built-in Extensions명령
• 찾기 TypeScript and JavaScript Language Features, 마우스 오른쪽 버튼을 클릭하고 선택Enable (Workspace)
• VSCode 새로고침

---

출처 : https://github.com/johnsoncodehk/volar/discussions/471
참조 : https://yohanpro.com/posts/vue3/vue3-default