stickies

학습-vue

이 템플릿을 사용하면 Vite의 Vue 3으로 개발을 시작하는 데 도움이됩니다.

권장 IDE 설정

VScode + 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 창을 다시로드하십시오.

구성을 사용자 정의합니다

Vite 구성 참조를 참조하십시오.

프로젝트 설정

npm install

개발을위한 컴파일 및 핫 릴로드

npm run dev

생산을 위해 유형-점검, 컴파일 및 최소화

npm run build

Vitest로 단위 테스트를 실행하십시오

npm run test:unit

eslint와 함께 보풀

npm run lint