0Pricing
Vue Academy · Lesson

TypeScript Setup in Vue Projects

vite.config.ts, tsconfig.json, vue-tsc, lang='ts' in SFCs, IDE TypeScript support.

TypeScript in Vue 3

Vue 3 was rewritten in TypeScript, so it offers excellent type support. A well-configured project catches bugs at compile time and powers great editor autocomplete in .vue files.

Scaffolding With TS

The easiest start is create-vue, which asks whether to add TypeScript and wires up tsconfig.json, vue-tsc, and the right tooling.

npm create vue@latest
# select "Add TypeScript? Yes"

All lessons in this course

  1. TypeScript Setup in Vue Projects
  2. Typed Props and Emits with defineProps/defineEmits
  3. Typing Composables and Refs
  4. Generic Vue Components
← Back to Vue Academy