Skip to content
目录

Vue3 + Typescript

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

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

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

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

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

下面让我们开始吧。

起步

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

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

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

cd my-vue-app
yarn install
yarn dev
1
2
3
Vue3 + Typescript has loaded