TypeScript是JS的一个超集，主要提供了类型系统和对ES6的支持，使用TypeScript可以增加代码的可读性和可维护性，在react和vue社区中也越来越多人开始使用TypeScript。从最近发布的Vue3正式版本来看，Vue3的源码就是用TypeScript编写的，更好TypeScript支持也是这一次升级的亮点。当然，在实际开发中如何正确拥抱TypeScript也是迁移至Vue3的一个小痛点，这里就针对Vue3和TypeScript展开一些交流。
96.8%的代码都是TypeScript，支持的力度也是相当大
项目搭建
在官方仓库的Quickstart中推荐用两种方式方式来构建我们的SPA项目：
vite
npminitvite-appsail-vue3#ORyarncreatevite-appsail-vue3
vue-cli
npminstall-g
vue/cli#ORyarnglobaladdvue/clivuecreatesail-vue3#selectvue3presetvite是一个由原生ESM驱动的Web开发构建工具，打开vite依赖的package.json可以发现在devDependencies开发依赖里面已经引入了TypeScript，甚至还有vuex,vue-router,less,sass这些本地开发经常需要用到的工具。vite轻量，开箱即用的特点，满足了大部分开发场景的需求，作为快速启动本地Vue项目来说，这是一个非常完美的工具。
后面的演示代码也是用vite搭的
从vue2.x走过来的掘友肯定知道vue-cli这个官方脚手架，vue3的更新怎么能少得了vue-cli呢，vue-cli更强调的是用cli的方式进行交互式的配置，选择起来更加灵活可控。丰富的官方插件适配，GUI的创建管理界面，标准化开发流程，这些都是vue-cli的特点。
vue-cliTypeScriptSTEP1
vue-cliTypeScriptSTEP2
想要预装TypeScript，就需要选择手动配置，并check好TypeScript
忘记使用选择TypeScript也没事，加一行cli命令就行了
vueaddtypescript
最后，别忘了在.vue代码中，给script标签加上
script
OptionAPI风格
在Vue2.x使用过TypeScript的掘友肯定知道引入TypeScript不是一件简单的事情：
要用vue-class-