Vue3 + Typescript #

Typescript 可以让我们在编译时通过静态分析检测出很多常见错误，这大大减少了生产环境中的运行错误，对大型项目来说尤其重要，让我们能构建出更加健壮的项目。

再结合 VScode 等 IDE 编辑器，提供基于类型的自动补全，极大改善了开发体验和开发效率。

Vue3 大力拥抱 Typescript，本身采用 Typescript 编写，更是对 Typescript 提供了最高优先级的支持，并且所有的 Vue 官方库都提供了类型声明文件，开箱即用。

鉴于 Vue2 对 Typescript 的支持不尽人意，你有理由不学，不用 Typescript，而对于 Vue3，不学和不用 Typescript 的话，就已经远远落后于时代了。

因此 Vue3 + Typescript 是非常值得你在项目开发中使用的组合。本教程将会对 Vue3 中如何使用 Typescript 进行详细的教学。

下面让我们开始吧。

起步 #

这里推荐用 vite 来创建 vue3 项目。

这个命令将会用社区维护的 vue-ts 模板创建一个 vue3+typescript 的项目。

创建完成后，按照命令提示，安装依赖后就可以启动了。

cd my-vue-app
yarn install
yarn dev