tinylibs.github.io

vue 3 + typescript + vite

이 템플릿을 사용하면 Vite의 VUE 3 및 TypeScript로 개발을 시작할 수 있습니다. 템플릿은 vue 3 <script setup> SFCS를 ​​사용하고 스크립트 설정 문서를 확인하여 자세한 내용을 확인하십시오.

권장 IDE 설정

• vs code + volar (및 vetur를 비활성화) + typescript vue 플러그인 (Volar).

ts에서 .vue 가져 오기에 대한 지원을 입력하십시오

TypeScript는 기본적으로 .vue 가져 오기에 대한 유형 정보를 처리 할 수 ​​없으므로 tsc CLI를 유형 확인을 위해 vue-tsc 로 교체합니다. 편집자에서는 TypeScript Language Service가 .vue 유형을 알리려면 TypeScript Vue 플러그인 (Volar)이 필요합니다.

독립형 타입 스크립트 플러그인이 충분히 빠르지 않으면 Volar는 더 성능이 높은 테이크 오버 모드를 구현했습니다. 다음 단계로 활성화 할 수 있습니다.

1. 내장형 타입 스크립트 확장을 비활성화하십시오
   1. 실행 Extensions: Show Built-in Extensions
   2. TypeScript and JavaScript Language Features 찾기, 마우스 오른쪽 버튼을 클릭하고 Disable (Workspace) 선택하십시오.
2. Developer: Reload Window 실행하여 VScode 창을 다시로드하십시오.