Section 1: Setup

Prerequisites

Vue + TypeScript Starter Kits

# 1. Install Vue CLI, if it's not already installednpm install --global @vue/cli# 2. Create a new project, then choose the "Manually select features" optionvue create<my-project-name>

npm init vite-app<project-name>cd<project-name>npm installnpm run dev

Section 2: Getting Started

Recommendedts.config setup

// tsconfig.json{"compilerOptions": {"target":"esnext","module":"esnext","strict":true,"moduleResolution":"node"    }}

Usage in.vue files

<scriptlang='ts'>...</script>

<scriptlang="ts">import Vue from "vue";export default Vue.extend({// type inference enabledname:"HelloWorld",props:{msg:String}});</script>

import{defineComponent}from'vue';constComponent=defineComponent({// type inference enabled});

Other Vue + TypeScript resources