vue3 threejs typescript starter template

Vue 3 + naskah + vite

Template ini akan membantu Anda mulai berkembang dengan Vue 3, Three.js dan TypeScript di Vite. Templat menggunakan VUE 3 <script setup> SFCS, lihat dokumen Pengaturan Skrip untuk mempelajari lebih lanjut.

Pengaturan IDE yang direkomendasikan

• VS Code + Volar (dan Nonaktifkan VETUR) + Plugin TypeScript Vue (Volar).

Memulai

git clone https://github.com/QuantumNovice/vue3-threejs-typescript-starter-template
cd vue3-threejs-typescript-starter-template
npm install 
npm run dev

Ketik dukungan untuk impor .vue di TS

TypeScript tidak dapat menangani informasi tipe untuk impor .vue secara default, jadi kami mengganti tsc CLI dengan vue-tsc untuk pemeriksaan jenis. Di editor, kita memerlukan plugin TypeScript vue (volar) untuk membuat layanan bahasa TypeScript mengetahui tipe .vue .

Jika plugin TypeScript mandiri tidak terasa cukup cepat untuk Anda, Volar juga telah menerapkan mode pengambilalihan yang lebih berkinerja. Anda dapat mengaktifkannya dengan langkah -langkah berikut:

1. Nonaktifkan ekstensi TypeScript bawaan
   1. Jalankan Extensions: Show Built-in Extensions dari palet perintah vscode
   2. Temukan TypeScript and JavaScript Language Features , klik kanan dan pilih Disable (Workspace)
2. Muat Ulang Jendela VScode Dengan Menjalankan Developer: Reload Window Dari Palet Perintah.